material-ui - 将类从 Material-UI TextField 传递到 InputBase

Question

TextField有一个InputProps道具可以将值传递给OutlinedInput. 但我需要将一个className道具传递给InputBase，这是 的根元素OutlinedInput。我不想在主题/全局级别上这样做。有没有办法做到这一点？

标签： material-ui

Answer 1

const StyledTextField = withStyles({
  root: {
    '& .MuiInputBase-root': {
      // apply your styles here
    }
  }
})(TextField);

const useStyles = makeStyles({
  root: {
    '& .MuiInputBase-root': {
      // apply your styles here
    }
  }
});

const classes = useStyles();

<TextField classes={classes} />