如何使用道具动态调整MUI TextField的大小

Question

这是我当前可自定义的TextField组件的设置：

const styles = {
    resize: {
        fontSize: '50px',
    }
}

const textField = (props) => {

    const { classes } = props;

    return (
        <TextField
            value={props.value}
            placeholder={'$'}
            variant={'outlined'}
            onChange={props.onChange}
            autoFocus
            InputProps={{
                classes: {
                    input: classes.resize
                }
            }}
        />
    );
};

export default withStyles(styles)(textField);

如您所见，设置字体大小是在组件外部进行的。我希望能够以某种方式通过道具传递尺寸并进行设置。谢谢！