react-redux 学习
关于mapStateToProps和mapDispatchToProps
理解:从store中获取信息上升到props中,这样就有两种props,一种是组件本身的,一种是从store中获取的。
mapStateToProps(state,ownProps)
mapStateToProps
是一个函数,用于建立组件跟store
和state
的映射关系,作为一个函数,它可以传入两个参数,结果一定要返回一个object
传入mapStateToProps
之后,会订阅store
的状态改变,在每次store
的state
发生变化的时候,都会被调用。
ownProps
代表组件本身的props
,如果写了第二个参数ownProps
,那么当prop
发生变化的时候,mapStateToProps
也会被调用。例如,当 props
接收到来自父组件一个小小的改动,那么你所使用的 ownProps
参数,mapStateToProps
都会被重新计算
mapStateToProps
可以不传,如果不传,组件不会监听store
的变化,也就是说store
的更新不会引起UI的更新
example:
const mapStateToProps = (state) => { |
mapDispatchToProps
mapDispatchToProps用于建立组件跟store.dispatch的映射关系 |
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 Thatched house!