Redux使用的基本思路
1)定义actions.js,其中包括actions type(字符串常量)、actions creators(返回一个json的函数,返回的这个json就是actions)2)定义reducers.js,包含多个reducer(就是一个函数):(state, action)=>{……return newState};最后通过
combineReducers()将多个reducer整合到一起 3)createStore(Reducers) 4)在入口文件中render( , rootElement); 5)React最外层组件中,在事件的回调函数中dispatch(actions creators(data));通过export default connect(select)(App) 绑定Redux与React
Redux执行的基本思路
1)用户进行点击(click)、输入(input)等事件,子组件通过callback调用最外层组件的自定义事件 2)最外层组件自定义事件的callback被触发,callback中执行dispatch(actions creators(data)) 3)store监听到action被触发,执行相应的reducer,
state被改变 4)页面render
这个过程的一些问题
1)入口文件中,store被传入Provider,但是子组件中并没有直接使用stor