javascript - 在 React 中嵌套状态是不好的做法吗?

标签 javascript reactjs

我一直在从事一个项目,并得到了几个人的帮助。其中一个人告诉我,嵌套我的状态会是一个更好的主意,所以我就这样做了。然而,当我得到其他人的帮助时,他们告诉我嵌套状态不是一个好主意,我应该避免这样做。我对此没有太多经验,但我想以更好/最实用的方式做到这一点。有人有意见吗?

以下是嵌套状态含义的示例:

constructor(props){
    super(props);
    this.state = {
        someGroup = [{
            somePartA: "",
            somePartB: [],
            someKey: uuid()
        }],
        somethingElse = "",
        anotherOne = "",
    }
}

这就是我所说的不嵌套的意思

constructor(props){
    super(props);
    this.state = {
        somePartA: "",
        somePartB: [],
        someKey: uuid(),
        somethingElse = "",
        anotherOne = "",
    }
}

提前致谢!

最佳答案

保持状态浅层通常是一个好主意。

如果您有一个复杂的应用程序,最好将状态限制为 UI 问题并使用 Redux 等组件外部的状态容器,尤其是当您保存在状态中的数据更多是应用程序数据而不是本地组件时担忧。

这可能是一个有很多观点的大话题。如果你还没有,我会阅读 React 状态设计。这里有一些文章。请记住,没有单一的答案。但这些应该可以帮助您奠定基础。

关于javascript - 在 React 中嵌套状态是不好的做法吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51427445/

相关文章:

javascript - 我应该为 4 人游戏使用 websockets 还是 webRTC

javascript - 将用户输入 onchange 传递给父组件的 React Javascript 问题

javascript - 在数组上创建一些过滤器,然后使用 "All"过滤器取消过滤

reactjs - 为什么在没有 Internet 的情况下启动应用程序时没有正确触发 React Native 的 NetInfo?

javascript - 无法访问 React 对象状态的对象属性,即使它存在。返回未定义

javascript - Yammer Embed 无法完成加载 : JavaScript error in IE8 and IE9

javascript - 制作响应式导航显示的子菜单

javascript - 按顺序获取 JSON 值并保持相应名称的顺序

javascript - 在 JSON.stringify 中使用变量

javascript - mobx-react-boilerplate @ 意外 token