Подключите Redux к действию
Теперь, когда вы написали функции mapStateToProps()
и mapDispatchToProps()
, вы можете использовать их для отображения state
и dispatch
в props
одного из ваших компонентов React. Метод connect
из React Redux может справиться с этой задачей. Этот метод принимает два необязательных аргумента: mapStateToProps()
и mapDispatchToProps()
. Они являются необязательными, потому что у вас может быть компонент, которому нужен только доступ к state
но ему не нужно отправлять какие-либо действия или наоборот. Чтобы использовать этот метод, передайте функции в качестве аргументов и немедленно вызовите результат с вашим компонентом. Этот синтаксис немного необычен и выглядит так: connect(mapStateToProps, mapDispatchToProps)(MyComponent)
Примечание. Если вы хотите опустить один из аргументов метода connect
, вы передаете null
на свое место.
Редактор кода имеет функции mapStateToProps()
и mapDispatchToProps()
и новый компонент React, называемый Presentational
. Подключите этот компонент к Redux с помощью метода connect
из глобального объекта ReactRedux
и немедленно вызовите его на компоненте Presentational
. Назначьте результат новой const
называемой ConnectedComponent
которая представляет подключенный компонент. Вот и все, теперь вы подключены к Redux! Попробуйте изменить либо из connect
аргументов «s к null
и наблюдать за результатами испытаний.