如何在嵌套对象中设置状态
我想知道是否有一种方法可以使用useState（）更新React中的嵌套对象状态
import React, {useState} from 'react'
const MyComp = () => {
const [colors, setColors] = useState({colorA: 'RED', colorB: 'PURPLE'});
return (
<div>
<span>{colors.colorB}</span>
<button onClick={() => setColors({...colors, colors: { colorB: 'WHITE'}})}>CLICK ME</button>
</div>
)
}
export default MyComp;
共有1个答案
-
问题内容： 对于我正在使用的插件，我必须具有如下所示的状态： 我如何在不设置其余访问权限的情况下设置hospital_id的状态？ 这似乎删除了除了hospital_id之外的所有内容： 问题答案： 您有几种选择： 借助ECMA6，您可以使用对象传播建议（）创建具有更新属性的对象的副本。 您可以在对象（）上使用本机分配功能 或为最短的版本和原子更新： 还有一个选项是更新插件： 我建议使用第一个。
-
对于我正在使用的插件，我必须具有如下状态： 如何在不设置其余访问权限的情况下设置hospital_id状态？ 这似乎删除了一切，但hospital_id：
-
问题内容： 我有一个对象，它可以是任何数量的深度，并且可以具有任何现有属性。例如： 在此我想设置（或覆盖）属性，如下所示： 属性字符串可以具有任何深度，并且值可以是任何类型/事物。 如果属性键已经存在，则不需要合并对象和数组作为值。 前面的示例将产生以下对象： 如何实现这种功能？ 问题答案： 此函数使用您指定的参数应添加/更新容器中的数据。请注意，您需要跟踪架构中的哪些元素是容器，哪些是值（字符串
-
我有一个对象，可以是任何数量的层次深，可以有任何现有的属性。例如： 在此基础上，我希望设置（或覆盖）如下属性： 属性字符串可以有任何深度，值可以是任何类型/事物。 如果属性键已经存在，则不需要合并作为值的对象和数组。 上一个示例将生成以下对象： 如何实现这样的功能？
-
嗨，伙计们，我有一个问题，从一开始，我会提到我已经尝试过这个和这个 我的情况如下。我有API，它发送给我 根目录处于组件状态！ 我如何更新，，，，，与？最后一个约束是我不能更改root的名称（我不能将其重命名为newRoot等） 我尝试的是调用这个函数： 因此：
-
问题内容： 我有一个带有各种 屏幕 的应用程序。每个屏幕都分配一个URL，如，，，等。 在我的主要HTML文件中，我有一个根据用户选择的路线进行更新的元素。到目前为止，一切都很好。 现在，其中一些屏幕具有子导航。例如，确实有一个收件箱和一个已发送的文件夹。他们用两列显示自己：左侧的子导航，右侧的相应文件夹的邮件。 当您导航到时，它将重定向到，因此 收件箱 基本上是 邮件 的默认子视图。 我该如何设