在带有钩子的React中,更新状态的正确方法是嵌套对象是什么?
export Example = () => { const [exampleState, setExampleState] = useState( {masterField: { fieldOne: "a", fieldTwo: { fieldTwoOne: "b" fieldTwoTwo: "c" } } })
一个人怎么会使用setExampleState到的更新exampleState来a(附加一个字段)?
setExampleState
exampleState
a
const a = { masterField: { fieldOne: "a", fieldTwo: { fieldTwoOne: "b", fieldTwoTwo: "c" } }, masterField2: { fieldOne: "c", fieldTwo: { fieldTwoOne: "d", fieldTwoTwo: "e" } }, } }
b (改变价值)?
b
const b = {masterField: { fieldOne: "e", fieldTwo: { fieldTwoOne: "f" fieldTwoTwo: "g" } } })
您可以像这样传递新值
setExampleState({...exampleState, masterField2: { fieldOne: "c", fieldTwo: { fieldTwoOne: "d", fieldTwoTwo: "e" } }, }})