Как работает использование Redux вместе со state?

Question

[KnightForce]

Например, использовать Redux, но, например обрабатывать ввод формы через setState, будет ли конфликт?
После dispatch заново рендерится и как это "сотрудничает" с обращениями state?

Например есть:

<div>
   <h4><span>Часов: </span><span id="hours"><span></h4>
   <span>Минут: </span><span id="minuts"><span>
</div>

Допустим, через setState вывожу дату через state, Каждый час через dipatch Часы.
Как будет происходит обновления через react-redux? "Снесутся" ли минуты (они конечно заново отрисуются, но как устроен механизм проверки такой связки)? Или он учитывает state?

Пример абсурдный, но интересует как это все работает?

Answer 1

[Максим]

В вашем примере, нет главного - как вы отрисовываете минуты/часы? Через state или через props? Redux не важно используете вы state или нет, реакт-компоненту - не важно используете вы redux или нет.

Обновлять state на основе пришедших с помощью Redux props вы можете в componentWillReceiveProps

Comments

[KnightForce]

Когда Redux пробрасывает новые props вызывается рендер, разве нет?

[KnightForce]

Хм, дошло. Redux пробрасывает props, state инкапсулирован и всегда будет "последней версии", т.е. одно другому не мешает.

[Максим]

KnightForce: когда redux подбрасывает новые props - конечно вызовется render, но если в вашем компоненте что-то в state зависит от props - то можете componentWillReceiveProps использовать.

[KnightForce]

Максим: я имел в виду в целом. Что если какая-то малая часть зависит от state, то что будет при render.
Но потом сообразил, что независимо от того что будет перерисовано, будет вызвана render(), если в ней используется state, данные из него извлекутся и все норм.

[Максим]

KnightForce: верно