创建React容器的实例，但每个实例都需要有自己的Redux属性

Question

我有一个挂接到redux的父容器/组件。它有点像一个表单生成器。

它将具有子组件，这些子组件也将成为容器。我不知道有多少，这将由JSON有效负载构建。

有时候我会有两个或更多个相同类型的孩子。

当它们是相同类型的组件时，如何分隔它们，以便知道每个子容器的redux状态？

我的redux存储是否可以像这样：

父母：{     child1：reduxData，     child2：reduxData， }

在创建两个子对象时，它们在商店中会相互覆盖。

Answer 1

您可以将商店设计成字典（标准化模式）：

const todos = {}

然后，每个新的待办事项（或您的情况下的实体）将通过密钥存储：

const todos = {
  'xf2': { text: 'Foobar', checked: false },
  'xf3': { text: 'Qwerty', checked: false },
}

使用这种模式，您可以根据自己的需要拥有任意数量的子代。
如果您想进一步了解标准化状态，请从Redux Docs中查看此link。