How to use `connect()` from React Redux?

You need to follow two steps to use your store in your container:

  1. Use mapStateToProps(): It maps the state variables from your store to the props that you specify.

  2. Connect the above props to your container: The object returned by the mapStateToProps function is connected to the container. You can import connect() from react-redux.

    import React from 'react';
    import { connect } from 'react-redux';
    class App extends React.Component {
    render() {
    return <div>{this.props.containerData}</div>;
    }
    }
    function mapStateToProps(state) {
    return { containerData: state.data };
    }
    export default connect(mapStateToProps)(App);

September 02, 2022
318