javascript - 覆盖这个类的字体大小 .MuiTypography-body1

Question

• 我试图覆盖这个类的字体大小 .MuiTypography-body1
• 所以我研究并找到了这个链接 https://material-ui.com/api/typography/
• 但问题是它没有被覆盖
• 你能告诉我如何解决吗？
• 在下面提供我的代码片段和下面的沙箱

https://codesandbox.io/s/material-demo-yr83v

const useStyles = makeStyles(theme => ({
  root: {
    fontSize: "2"
  },


  checkboxLabel: {
    border: "1px solid black",
    fontWeight: "100",
    fontSize: "20"
  },
  body1Text: {
    fontSize: "2"
  }
}));


 <div
      classes={{
        body1: classes.body1Text
      }}
      className={classes.root}
    >
      <FormControl
        classes={{
          body1: classes.body1Text
        }}
        component="fieldset"
        className={classes.formControl}
      >
        <FormLabel
          classes={{
            body1: classes.body1Text
          }}
          component="legend"
        >
          Gender
        </FormLabel>
        <RadioGroup
          classes={{
            body1: classes.body1Text
          }}
          aria-label="gender"
          name="gender1"
          className={classes.group}
          value={value}
          onChange={handleChange}
        >
          {console.log("props", props)}
          {props.radioValues.map(val => {
            return (
              <FormControlLabel
                classes={{
                  body1: classes.body1Text,
                  label: classes.checkboxLabel
                }}
                style={{
                  fontWeight: "300",
                  fontSize: "2",
                  border: "1px solid red"
                }}
                value={val}
                control={
                  <Radio
                    classes={{
                      body1: classes.body1Text
                    }}
                    style={{
                      fontWeight: "100",
                      fontSize: "1",
                      border: "1px solid red"
                    }}
                    // classes={{
                    //   label: classes.checkboxLabel
                    // }}
                  />
                }
                label={val}
              />
            );
          })}
        </RadioGroup>
      </FormControl>
    </div>

Answer 1

可以直接使用style={{fontSize:'sizeValue'}}。这也可以。