Однонаправленный поток данных в React

Работая с React, вы можете встретить термин «однонаправленный поток данных». Что это значит?

Однонаправленный поток данных - это не уникальная концепция React, но, как разработчик JavaScript, вы, возможно, впервые слышите об этом.

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

В React это означает, что:

  • состояние передается представлению и дочерним компонентам
  • действия запускаются представлением
  • действия могут обновлять состояние
  • изменение состояния передается представлению и дочерним компонентам

View-actions-state

Представление - это результат состояния приложения. Состояние может измениться только тогда, когда происходят действия. Когда происходят действия, состояние обновляется.

Благодаря односторонним привязкам данные не могут передаваться противоположным образом (как, например, может случиться с двусторонними привязками), и это имеет некоторые ключевые преимущества:

  • он менее подвержен ошибкам, так как у вас больше контроля над своими данными
  • как вы знаете, легче отлаживатьКакиеисходит изкуда
  • это более эффективно, поскольку библиотека уже знает, каковы границы каждой части системы

Состояние всегда принадлежит одному компоненту. Любые данные, на которые влияет это состояние, могут влиять только на Компоненты ниже него: его дочерние элементы.

Изменение состояния Компонента никогда не повлияет на его родителя, его братьев и сестер, или на любой другой Компонент в приложении: только на его дочерние элементы.

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

Скачать мою бесплатнуюСправочник по React


Больше руководств по реакции: