Как получить состояние приложения (избыточности) в компоненте React?

Question

Я новичок в реакции и редукции. Сейчас я создаю свое первое приложение, которое подключается к серверу API с помощью Redux. В моем файле редуктора я устанавливаю новое состояние. У меня вопрос, как я могу получить доступ к этому значению состояния в компоненте?

Answer 1

Вам необходимо подключить ваш компонент к хранилищу Redux через компонент connect, предоставленный Redux. Компонент connect требует предоставления функции под названием mapStateToProps. Эта функция сообщит Redux, какие элементы из состояния Redux вам нужны в вашем компоненте.

Это будет выглядеть примерно так:

function mapStateToProps(state) {
  return { yourStateKey: state.yourStateKey }
}

export default connect(mapStateToProps)(YourComponent)

Подробнее об этом можно узнать в соответствующем разделе документации Redux .