Каким образом функция connect из react-redux мапит данные в пропсы?

Question

Андрей @undefined_title

React
Redux

Каким образом функция connect из react-redux мапит данные в пропсы?

Каким образом функция connect из react-redux мапит данные в пропсы? мы в компоненте изменить их не можем, как тогда они сетятся?

Вопрос задан более трёх лет назад
267 просмотров

Комментировать

Подписаться 2 Оценить Комментировать

Пригласить эксперта

Ответы на вопрос 1

2 комментария

Андрей @undefined_title Автор вопроса

а как например оно внутри мапится в пропсы если например что то такого бы не засетило пропсы this.props.firstName = store.getState().userReducer.firstName

Написано более трёх лет назад
Никита Гущин @iNikNik
Андрей: Внутри это маппится примерно так:
class ConnectHOC extend React.Component { // ... render() { const mappedState = yourMapState(store.getState(), this.props) return <YourWrappedComponent {...mappedState} /> } }

Но еще можно передать в connect третьим параметром функцию, которая будет мерджить пропсы:
(stateProps, dispatchProps, ownProps) => props

Все это описано в доках. Ну и загляните в исходный код
Написано более трёх лет назад

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

React

Простой
В чем заключается суть оптимизации скорости обновления компонентов через useReducer?
- 1 подписчик
- вчера
- 75 просмотров
1

ответ
JavaScript

+2 ещё

Средний
Как изменить содержание блока програмно со свойством contentEditable?
- 1 подписчик
- вчера
- 84 просмотра
0

ответов
React

Простой
Почему Vite/Rollup не может зарезолвить абсолютные импорты?
- 1 подписчик
- вчера
- 46 просмотров
1

ответ
React

Простой
Как решить проблему с манифестом в CRA-приложении?
- 1 подписчик
- 22 апр.
- 42 просмотра
0

ответов
React

+2 ещё

Средний
Какие есть WYSIWYG редакторы для мини-приложений ВК?
- 1 подписчик
- 22 апр.
- 45 просмотров
1

ответ
JavaScript

+2 ещё

Средний
Как получить актуальные данные в state при использовании server side event (в момент срабатывания события) в компоненте React?
- 1 подписчик
- 20 апр.
- 78 просмотров
1

ответ
React

Простой
Как получить значение из стейта если он еще не обновился?
- 1 подписчик
- 20 апр.
- 54 просмотра
0

ответов
JavaScript

+1 ещё

Средний
Почему не берутся данные из Props при вызове функции ПО КЛИКУ?
- 1 подписчик
- 20 апр.
- 64 просмотра
0

ответов
React

+1 ещё

Простой
Как реализовать Микрофронтенд с использованием Vite с Typescript?
- 1 подписчик
- 19 апр.
- 55 просмотров
0

ответов
React

Простой
У меня react up ложу .env REACT_APP_PASSWORD=пароль Локально все ок Но на гите не видит..почему?
- 1 подписчик
- 19 апр.
- 69 просмотров
0

ответов
Показать ещё Загружается…

Frontend React

Glob-com

от 100 000 ₽

React разработчик

Uptrade

от 150 000 до 200 000 ₽

JS|React Native разработчик

Венста • Киров

от 60 000 до 120 000 ₽

Сделать веб-приложение на основе опенсорсной Миро-доски

25 апр. 2024, в 09:13

90000 руб./за проект

Написать индикатор на TradingView по хаям/лоям дня недели

25 апр. 2024, в 08:45

4000 руб./за проект

Вычислить размер объекта по карте глубин

25 апр. 2024, в 07:37

5000 руб./за проект

Answer 1 · 2017-06-22 10:35:44

Провайдер передает store через контекст. Функция connect создает HOC, который подписывается на обновления store. Ну и далее вызываются ваши mapState, mapActions где вы получаете необходимые данные и мапите их в props

Каким образом функция connect из react-redux мапит данные в пропсы?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт