与对象反应挂钩useState()

伊萨舒坦:

在带有钩子的React中,更新状态的正确方法是嵌套对象是什么?

export Example = () => {
  const [exampleState, setExampleState] = useState(
  {masterField: {
        fieldOne: "a",
        fieldTwo: {
           fieldTwoOne: "b"
           fieldTwoTwo: "c"
           }
        }
   })

一个人怎么会使用setExampleState到的更新exampleStatea(附加一个字段)?

const a = {
masterField: {
        fieldOne: "a",
        fieldTwo: {
           fieldTwoOne: "b",
           fieldTwoTwo: "c"
           }
        },
  masterField2: {
        fieldOne: "c",
        fieldTwo: {
           fieldTwoOne: "d",
           fieldTwoTwo: "e"
           }
        },
   }
}

b (改变价值)?

const b = {masterField: {
        fieldOne: "e",
        fieldTwo: {
           fieldTwoOne: "f"
           fieldTwoTwo: "g"
           }
        }
   })

aseferov:

您可以像这样传递新值

  setExampleState({...exampleState,  masterField2: {
        fieldOne: "c",
        fieldTwo: {
           fieldTwoOne: "d",
           fieldTwoTwo: "e"
           }
        },
   }})

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

反应挂钩useState Array

反应-useState挂钩访问状态

与对象反应状态挂钩

反应挂钩,useState相关的问题。如何更新对象的一个属性并保留其余属性

在useState挂钩中反应设置状态

反应挂钩useState不使用onSubmit更新

使用挂钩(useState)从数组中删除对象

在 React 中使用 useState 挂钩更新对象

如何使用useState挂钩来计数数组中项目的频率(反应useState挂钩)?

为什么不传播属性与之反应useState挂钩工作

反应挂钩useState的setter内部函数不起作用

与数组反应挂钩useState导致缺少渲染调用

反应挂钩-更改路线时不会重置useState()中的状态

在api调用之前反应useState挂钩更新

反应:将行为与useEffect和/或useState挂钩混淆

反应useState不更新对象数组

使用useState()挂钩从数组更新对象的单个属性

反应挂钩-单击按钮获取事件对象和参数

什么是正确的语法来更新对象的反应挂钩状态

反应挂钩覆盖与对象数据相同的ID数组

尝试更新对象内部对象中的数组。反应,useState

无效的挂钩呼叫-反应挂钩

在useState挂钩中设置状态后,反应状态变量不准确

为什么在使用状态挂钩(useState)时反应两次重新渲染?

我该如何测试用玩笑是否已调用useState挂钩并做出反应测试库?

使用函数组件中的 useState 反应无效的挂钩调用错误

用typescript反应useState来设置嵌套的类型化对象

对对象进行反应和打字稿useState

从Fetch调用分配中反应对象数组useState