react_redux

react_redux

• 1.下载 react-redux
• 2.引入
• 3.在App.js从react-redux解构出来Provider,把你的store仓库传递下去,

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

• 4.connect：是连接组件和仓库。
  • connect是一个函数，connect(mapStateToProps,mapDispatchProps,第三个是个回调函数.第四个是对象) 返回值是一个函数 connect()()第二个括号里面必须是一个组件

* 在每一个需要连接仓库的时候连接
*  import React, { Component } from 'react'
*下载react-redux
* 引入 import {connect} from "react-redux"
 class Address extends Component {
    render() {
        return (
            <div>
            </div>
        )
    }
}
export default connect((state)=>{
    return {
       //例：
       list://从仓库里面return 出来的数据
    }
},(dispatch)=>{
    return{
       //一个函数
       getinit(参数){
          dispatch({type:INIT_DATA,参数})
          //对象{type:数据类型,参数}
       }
    }
})(Address)

函数

• mapStateToProps:表示映射仓库的状态到组件的props
• mapDispatchToProps:表示映射仓库的dispatch到组件的props;