时间戳

首页 > 解决方案 > 选择表单中状态更新 onChange 方法的问题，React 组件

reactjs - 选择表单中状态更新 onChange 方法的问题，React 组件

问题描述

我更新了一个表格组件，这取决于表格上选择的值，我想做的是在你在我的表格上选择一个选项后立即更新表格，我在做什么

const [value,setValue] = useState(null)
const handleChanges = (e) =>{
    setValue(e.target.value);
    updateTable(value)  // this is not assigned after handleChanges 
    console.log(value) // null      
}
<select onChange={handleChanges}>
   <option> 1 </option> 
   <option> 2 </option>
   <option> 3 </option>
</select>

如果有人可以帮助我并解释解决问题的更好方法。

我通过 e.target.value 而不是 value 解决了它，但我觉得这不是最好的选择

const handleChanges = (e) =>{
setValue(e.target.value);
updateTable(e.target.value)  // i should use value
console.log(e.target.value) // 1 or 2 or 3 depending on option

}

标签： reactjsdrop-down-menureact-hooksuse-state

解决方案

推荐阅读