React hooks useState怎么修改对象中某一个值,有两种方法,
定义一个对象:
const [form,setForm] = useState({
name:"王萌萌",
age:18,
sex:'女'
})
第一种方法:
拿到旧的数据,ES6 结构赋值,附上新的属性,后面的数据覆盖前面的数据(推荐)
setForm((olddata)=>{
return{
...olddata,
age:20
}
})
第二种方法:
ES6 解构赋值,后面的数据覆盖前面的数据
setForm({
...form,
age:20
})
实现数据双向绑定
<Input type="text"
value={form.name}
onChang={(e)=>{
setForm({
...form,
name:e.target.value
})
}} />