react-redux提供了connect和Provider来实现了数据的修改 ,不需要监听,也不再需要在每个组件之中都要引入store
react-redux的数据流程
1、在主组件之中引入Provider,将所有的组件都包裹在Provider之中
import {Provider} from "react-redux"
<Provider store={store}></Provider>
2、在其他组件内引入connect,将组件和store连接起来
import {connect} from "react-redux"
export default connect()()
第一个括号里面的参数有2个:
(1)mapStateToProps:把store之中的state映射到props之中,调用的时候用this.props;每次store中的数据更新的时候,就会自动执行,修改组件之中的值,进行重新渲染
(2)mapDispatchToProps:用来做数据修改的一些操作,方法等,调用的时候用this.props.函数名
第二个括号的参数:当前组件名
const mapStateToProps=(state)=>({})
const mapDispatchToProps=(dispatch)=>({
handleAdd(){
dispatch({
type:r
value:
})
}
})