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);