Реакция: вложенные состояния формируют DOM-подобные данные - PullRequest
Новая
       21

Реакция: вложенные состояния формируют DOM-подобные данные

0 голосов
/ 28 сентября 2018

Я знаю, что в целом не рекомендуется использовать вложенное состояние в React.Тем не менее, я задаюсь вопросом, действительно ли для моего случая использования это практическое правило действительно так, и если да, то почему в этом случае вложение является плохой идеей: я создаю очень динамичное приложение React.При запуске приложение получает объект дерева, который определяет начальную структуру и данные всего дерева компонентов следующим образом: 

"components": {
    "RootComponent": {
      "Content": {
        "title": "first section",
        "type": "ComponentNameA",
      },
      "Children": {
        "ChildComponent1": {
          "Content": {
            "title": "overview",
            "type": "OverviewComponent",
          },
        "ChildComponent2": {
          "Content": {
            "title": "modal content",
            "type": "ModalComponent",
          },
          "Children": { ... }
        }
      }
    }
  }

В этом случае структура отражает, что RootComponent является компонентомтип ComponentNameA и имеет 2 дочерних компонента типов ModalComponent и OverviewComponent .Последний компонент снова содержит несколько дочерних элементов.Это делается путем перебора каждого компонента и всех его дочерних элементов до тех пор, пока не будет определено больше дочерних элементов.

Мой вопрос: следует ли нормализовать эту структуру?Если так: почему?Интуитивно понятно, что эта структура данных отражает структуру дерева компонентов / DOM, для которой она используется, и звучит так, как будто сохранение ее в той же форме имеет больше смысла.

...