Доступ к магазину в компонентах маршрутизатора

Question

Я пытаюсь самостоятельно учиться реагировать / редуцировать, разрабатывая пример проекта.У меня есть angular.js & backend background.

Вместо огромного копирования и вставки файлов, я хотел бы поделиться своим прогрессом на github: https://github.com/tolgafiratoglu/react-social-network

Мой прогресс на данный момент:

1. Я разработал пользовательский редуктор , объединил его и создал магазин .
2. Я разработал действие пользователя,который извлекает из API и отправляет редуктор (работает нормально)

3. I отправляет действие пользователя в конструктор компонента Home, например:

   store.dispatch(userActions.getAuthenticatedUser())
   

Я застрял , я не могу понять , как получить доступ к хранилищу данных в компонентах маршрутизатора (например, Home).Я просто хочу передать идентификатор пользователя в ProfileGroupsWidget после получения данных.

Answer 1

Предполагая, что вы хотите получить доступ к стоимости магазина внутри компонента Home. Чтобы сначала использовать состояние хранилища, вам нужно передать состояние хранилища, обернув его внутри провайдера, который передаст состояние всем дочерним компонентам. И тогда вы дочерний компонент (Предположим = Домой). Вы можете написать следующую строку как:

export default connect(mapStateToProps, mapDispatchToProps)(Login)

, а затем написать функцию до этого

const mapStateToProps = state => ({ todoList: state.todos })

после этого вы можете получить доступ к своим реквизитам, например:

this.props.todoList