0 votes
in ReactJS by

How to use connect() from React Redux?

1 Answer

0 votes
by

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)

Related questions

0 votes
asked Jun 19, 2020 in ReactJS by JackTerrance
0 votes
asked Jun 19, 2020 in ReactJS by JackTerrance
...