在Material -UI InputBase组件中显示下划线

import InputBase from '@material-ui/core/InputBase';
import { makeStyles } from '@material-ui/core/styles';

const useStyles = makeStyles((theme) => ({
  root: {
    borderBottom: '1px solid #ccc',
    padding: '5px 0',
  },
}));

const classes = useStyles();

return (
  <InputBase
    className={classes.root}
    // 其他属性
  />
);