首页 > TAG信息列表 > ownProps
react-redux基本使用
1.创建redux文件夹,新建store文件 2.引入redux 调用createStore()创建一个store 3.因为store只接收一个reducer,如果有多个reducer需要通过combineReducer()方法将多个reducer合并 4.在App主文件中引入react-redux中的Provider并且包裹<Provider store={store}> 5.单独创建对应的re对mapStateToProps 、mapDispatchToProps的研究
mapStateToProps(state, ownProps) mapStateToProps是一个函数,用于建立组件跟store的state的映射关系 作为一个函数,它可以传入两个参数,结果一定要返回一个object 传入mapStateToProps之后,会订阅store的状态改变,在每次store的state发生变化的时候,都会被调用 ownProps代表Redux
Redux 1、redux是什么? 是一个框架 跨组件通信 分四块内容 actionTypes actions => {type, payload} reducer store redux三大原则 单一数据源 State 是只读的 使用纯函数来执行修改 2、provider 只有一个属性,是store 顶层容器 3、connect 伪高阶函数 4个参数 1、React(dispatch与参数传递)
只允许两种形式 onClick={fn}; 或 onClick={()=>{fn()}}; //onClick={()=>{fn(id)}}; 不能这么写 onClick={fn(id)}; 此外 onClick={()=>{fn()}}; 等效于 onClick={fn}; 第1种写法(由父组件dispatch,参数不流入TodoItem) TodoList todos.map((item) => (