Material UI - 如何将 onChange 方法添加到预制组件？

Question

我在这里使用 creative-tim 的 materia kit react 模板：https://demos.creative-tim.com/material-kit-react/?_ga=2.145959732.1805770478.1593490128-1778058995.1593310826#/documentation/inputs而他的 customerInput 组件没有 onChange 方法！有人知道如何使用此模板处理用户输入吗？这是 customerInput 组件的用例：               <CustomInput                      labelText="First Name..."                      id="first"                      formControlProps={{                        fullWidth: true,                      }}                      inputProps={{                        type: 'text',                        endAdornment: (                          <InputAdornment position="end">                            <People className={classes.inputIconsColor} />                          </InputAdornment>                        ),                      }}                    />这是它的组件代码export default function CustomInput(props) {  const classes = useStyles();  const {    formControlProps,    labelText,    id,    labelProps,    inputProps,    error,    white,    inputRootCustomClasses,    success,  } = props;  const labelClasses = classNames({    [' ' + classes.labelRootError]: error,    [' ' + classes.labelRootSuccess]: success && !error,  });  const underlineClasses = classNames({    [classes.underlineError]: error,    [classes.underlineSuccess]: success && !error,    [classes.underline]: true,    [classes.whiteUnderline]: white,  });  const marginTop = classNames({    [inputRootCustomClasses]: inputRootCustomClasses !== undefined,  });  const inputClasses = classNames({    [classes.input]: true,    [classes.whiteInput]: white,  });  let formControlClasses;  if (formControlProps !== undefined) {    formControlClasses = classNames(        formControlProps.className,        classes.formControl,    );

Answer 1

我没有测试过，但我认为你可以这样做：

<CustomInput inputProps={{ onChange: function(e) { console.log('Do stuff') }} />