1 回答

TA貢獻1850條經驗 獲得超11個贊
創建一個單獨的函數this.handleClickButton并將其用于新按鈕和舊按鈕。而是this.handleChange
handleClickButton = e => {
this.setState({
[e.target.name]: e.target.value
});
};
handleChange = selectedOption => {
this.setState({
selectedOption
},() => {
console.log(`Option selected:`, this.state.selectedOption);
});
};
此代碼將更改下拉列表,不會出現任何錯誤。
如果您想使用相同的功能來管理兩者。以下是解決方案:
handleChange = selectedOption => {
//onClick it will get e.target.value
if (e.target.value) {
this.setState({
[e.target.name]: e.target.value
});
} else {
//onChange it will get the selected option.
this.setState({
selectedOption: e
});
}
};
添加回答
舉報