onChange function in customInput from material ui

Question

我正在使用基於材質 ui 的模板。 我嘗試在此代碼中添加 onChange，但它不起作用。 我也嘗試在 customInput 中添加 onChange 但仍然不起作用。 我想將 onChang 放在 inputProps 中，但我不知道如何將 function 放在 object 中。

handleChange = e => {
    const {name, value} = e.currentTarget;
    this.setState({[name]: value});
};
......
<CustomInput
                             labelText="Username"
                             id="username"
                             name='username'
                             **onChange = {e =>this.handleChange(e)}
                             formControlProps={{
                               fullWidth: true
                             }}
                             inputProps={{                              
                              value: `${this.state.user.username}`, 
                            }}
                           />

我該如何解決這個問題？謝謝

Answer 1

關於如何使用onChange的示例：

<CustomInput
    id="pass"
    formControlProps={{
        fullWidth: true
    }}
    inputProps={{
        onChange: (event) => this.handleChange(event),
        placeholder: "Password",
        type: "password"
    }}
 />

這里是示例的來源，以及關於如何使用 onChange 事件的討論。

最后，假設您的代碼的所有 rest 都有效，這就是您需要的（某種）：

handleChange = e => {
    const {name, value} = e.currentTarget;
    this.setState({[name]: value});
};
......
<CustomInput
    labelText="Username"
    id="username"
    name='username'
    formControlProps={{
        fullWidth: true
    }}
    inputProps={{   
        onChange: (e) => this.handleChange(e),                           
        defaultValue: `${this.state.user.username}`
    }}
/>