Redux-Form多行Google Material UI TextField在显示后不自动调整大小

import React from 'react';
import { Field, reduxForm } from 'redux-form';
import TextField from '@material-ui/core/TextField';

const MyForm = props => {
  const { handleSubmit } = props;

  const onSubmit = values => {
    // 处理表单提交逻辑
  };

  return (
    <form onSubmit={handleSubmit(onSubmit)}>
      <Field
        name="myTextField"
        component={renderTextField}
        label="My TextField"
        multiline
        rows={4}
        rowsMax={8}
      />
      <button type="submit">提交</button>
    </form>
  );
};

const renderTextField = ({ input, label, meta: { touched, error }, ...custom }) => (
  <TextField
    label={label}
    error={touched && error}
    helperText={touched && error}
    {...input}
    {...custom}
  />
);

export default reduxForm({
  form: 'myForm'
})(MyForm);