React组件间传递数据方法

2018-11-15  本文已影响14人  向布谷鸟说早安

父组件向子组件传递

props

子组件向父组件传递

传递带参的方法
redux

跨组件传递,解决数据比较深,传递了多层props的问题

context
React.createContext(defaultValue);

兄弟节点间传递数据

redux:
同步:

action,reducer,store
store是存储数据的地方:
createStore()用来创建store方法,接受一个回调函数reducer,和一系列中间件
store.subscribe()
注册事件
store.dispatch()
通过发送action,触发事件,发送action后,reducer根据action改变state的值
store.getState()
得到所有的state值

react-redux:

mapStateToProps(state, ownProps) 拿到state,页面刷新
mapDispatchToProps(dispatch, ownProps) 拿到state,等待响应页面操作,触发事件。
connct(mapStateToProps, mapDispatchToProps)(子组件)

异步:

redux-thunk
thunk中间件的使用

上一篇下一篇

猜你喜欢

热点阅读