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&nbsp;inputProps={{&nbsp;onChange:&nbsp;function(e)&nbsp;{&nbsp;console.log('Do&nbsp;stuff')&nbsp;}}&nbsp;/>