react-redux

70 阅读1分钟

使用

    <Provider store={store}>
    <App />
    </Provider>

mapStateToProps


    addClick = () => {
        this.props.dispatch({type:'ADD'})
    }

      <p>{this.props.count}</p>
            <button onClick={this.addClick}>++</button>

const mapStateToProps = ({count},ownProps) => {
    return {count}
}


export default connect(mapStateToProps)(ReactReduxPage)

mapDispatchToProps

const mapDispatchToProps1 = {
    add:() => ({type:'ADD'})
}



         <button onClick={this.props.add}>add:++</button>
const mapDispatchToProps = (dispatch) => {
    const obj = bindActionCreators(mapDispatchToProps1,dispatch)
    return {dispatch,...obj}
}