我在這里使用 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, );
Material UI - 如何將 onChange 方法添加到預制組件?
慕尼黑的夜晚無繁華
2022-10-27 10:53:10