Как лучше передавать динамические данные в react компонент?

Question

[Николай Антонов]

Работаю над компонентом диаграмммы и мне надо чтоб данные реактивно отображались. Как лучше их передавать в компонент? props используются для неизменяемых данных. Как быть, если надо раз в 3 секунды обновлять диаграмму?

Comments

[copal]

через пропсы.

Answer 1

[Mikhail Osher]

Через props. Произведите декомпозицию компонента, если он большой, чтобы диаграммы были максимально самостоятельными. Так же, почитайте про reconcillation (key, index, shouldComponentUpdate).
React умный, и понимает, какую часть дерева надо обновлять исходя из diff'a виртуальных DOM.

Comments

[Николай Антонов]

Спасибо за ваш ответ!

[Николай Антонов]

Я запутался немного и не могу в props передать новое сначение, компонент не рендерится заново - https://jsfiddle.net/jv69s81h/4/ . Хочу чтоб при обновлении переменной, значения снова передавались в props и компонент заново рендерился.

[Mikhail Osher]

Николай Антонов: почитайте про flux/redux

[Николай Антонов]

Mikhail Osher: О redux читал, харошая вещь. Но я делаю компонент, который хочу потом выложить на гитхаб и хочу чтоб там было по минимуму зависимостей, все таки не все используют redux. Я с vue.js много работал и там такая вещь, как проброс динамических данных в компонент из коробки есть - просто передаешь переменную что будет меняться все само рендерится. А в реакте не так все просто...