Должен ли я всегда получать redux store из подключения или передавать его через props дочерним компонентам?

Question

У нас есть большое приложение React и мы используем Redux для управления данными.

В настоящее время мы используем синтаксис es6 и компоненты классов, мы будем использовать компоненты на основе функций и перехватчики реакции.

Что такое лучший способ получить доступ к хранилищу redux в дочерних компонентах React?

1. Используйте метод connect из response-redux в каждый дочерний компонент
2. Передача состояния redux ( в компоненте, который использует метод redux connect) передать состояние redux

через props дочерним компонентам?

Answer 1

Во-первых, самым чистым способом по-прежнему является наличие компонентов контейнера для каждого компонента (функционального или класса).

Вы должны отображать только минимальное состояние из redux для любого компонента, которому требуется состояние redux.

Теперь вы должны сопоставить каждый компонент с редукцией? Что ж, если у паранта есть все необходимое в дочернем элементе, возможно, не стоит отображать один из дочерних компонентов. Однако, если вы придерживаетесь первого пункта и сводите сопоставление к минимуму, тогда, возможно, у родителей нет данных, и если это так, сопоставление детей может иметь смысл.

Подписывая каждый компонент на минимум, т.е. имея больше сопоставленных компонентов, по умолчанию вы получите меньше повторных рендеров, что полезно.