reactjs – 在redux状态下存储什么?

我正在构建一个中等规模的React / Redux应用程序,我对React非常熟悉 – 但是,Redux仍然有点难以理解.

我知道我可以使用Redux的connect()将任何Component或Container连接到Redux状态.但是,我不清楚何时这样做 – 是否基于复杂性?需要将多少道具传递给子组件?

我可以用什么因素来确定何时使用connect()?

编辑提供一个例子:—–

例如,我想在我的应用程序中为用户添加一个消息区域,特别是显示未读消息数量的徽章.我是否只需连接()我想要显示徽章的任何组件?

最佳答案
您将应用程序的状态存储在redux中.如何构建状态树由您决定.您可以将状态树视为一个巨大的javascript对象.使用redux,理想情况下,您可以将最小的组件状态存储在您的反应组件本身中,而是将其移动到redux状态树.

例如,如果您获取了一些用户数据,则可以将其存储在redux状态,以便连接的组件现在可以访问该数据.您还可以获得描述某些UI组件的更精细和存储状态.描述下拉列表的州的一部分可能如下所示

{
  myDropdown: {
    isOpen: false,
    options: [
      'apple',
      'orange'
    ]
  }
}

我认为开始合并redux的一个好处就是当你的应用程序到达某一点时,你的组件不再仅仅是显示数据的“哑”组件.

编辑:
尝试回答“何时应该连接我的组件?”的问题.我自己也在努力,但还没有很好的答案.现在我通常连接一个组件,如果我通过许多祖先组件传递道具专门为该组件.因此,连接将完全避免使用样板代码.

转载注明原文:reactjs – 在redux状态下存储什么? - 代码日志