Создание экземпляров контейнеров React, но каждый из них должен иметь собственное свойство Redux

Question

У меня есть родительский Контейнер / Компонент, который подключен к избыточному.Это что-то вроде конструктора форм.

В нем будут дочерние компоненты, которые также будут контейнерами.Я не знаю, сколько, это будет построено из полезной нагрузки JSON.

Будут времена, когда у меня будет 2 или более детей одного и того же типа.

Как разделитьих, так что я знаю состояние избыточности каждого дочернего контейнера, когда они принадлежат к одному и тому же типу компонента?

Есть ли способ, которым мое хранилище избыточности может выглядеть так:

Parent: {child1: reduxData, child2: reduxData,}

При создании двух дочерних объектов они переопределяют друг друга в хранилище.

Answer 1

Вы можете создать свой магазин как словарь (нормализовать шаблон):

const todos = {}

Тогда каждая новая задача (или сущность в вашем случае) будет сохраняться ключом:

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

С этим шаблоном вы можете иметь столько детей, сколько вам нужно в их собственном контексте.
Если вы хотите узнать больше о нормализации своего состояния, проверьте эту ссылку в Redux Docs.