Learn React Hooks

Connecting components

Now, it is time to introduce connectors and container components. In Redux we can use the connect higher-order component to connect existing components to Redux, through injecting state and action creators as props into them.

Redux defines two different kinds of components:

• Presentational components: React components, as we have been defining them until now
• Container components: React components that connect presentational components to Redux

Container components use a connector to connect Redux to a presentational component. This connector accepts two functions:

• mapStateToProps(state): Takes the current Redux state, and returns an object of props to be passed to the component; used to pass state to the component ...