Какова наилучшая практика для передачи реквизитов дочернему компоненту в ReactJs из хранилища с избыточностью или от родительского к дочернему?

Question

В моем приложении ReactJs есть хранилище редуксов. В родительском компоненте я получаю реквизит из магазина приставок. Теперь я хочу передать эту опору дочернему компоненту. У меня есть два способа сделать это: 1. Отправьте реквизиты из родительского компонента в дочерний компонент. 2. Извлеките реквизит из запасного хранилища дочернего компонента.

Какой способ предпочтительнее и почему?

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

Answer 1

Вопрос, который вы задаете, связан с темой компонента контейнера VS.

Контейнеры обычно содержат бизнес-логику, контейнеры также подключены к хранилищу Redux.

Представители должны отображать толькоданные из реквизита, которые вы передаете.

Есть много преимуществ, которые приходят с таким подходом.Улучшенная читаемость кода, тестируемость, лучшее разделение задач и многое другое.

Продолжить здесь - [https://redux.js.org/basics/usage-with-react#presentational-and-container-components][1]

Answer 2

На мой взгляд, я считаю, что структура должна соответствовать остальной части вашего репо. Если вы подключили все интеллектуальные контейнеры к Redx, продолжайте с этой строки, чтобы кто-то еще мог прочитать ваш код.

Answer 3

Ответ основан на мнении, попробуйте следующее правило thumb:

На каждом шаге, если ваш компонент не Читаемый или Трудно поддерживать , тогда вы переходите к следующему шагу.

Вы начинаете с передачи реквизита => Использование Context API => Диспетчер состояний.