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

Question

[Андрей]

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

Answer 1

[Никита Гущин]

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

Comments

[Андрей]

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

[Никита Гущин]

Андрей: Внутри это маппится примерно так:

class ConnectHOC extend React.Component {
 // ...
  render() {
    const mappedState = yourMapState(store.getState(), this.props)
    return <YourWrappedComponent {...mappedState} />
  }
}

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

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