Redux 的簡樸總結

Redux

https://redux.js.org/
https://cn.redux.js.org/

store.getState()

https://redux.js.org/api-refe…

這個函數返回獵取最新的state,它不會被外界觸發。

store.subscribe(listener)

https://redux.js.org/api-refe…

這個函數返回一個函數unsubscribe

這個函數實行后,只需storestate發作任何轉變,函數listener就會被實行。直到函數unsubscribe被挪用。

現在,官方沒有供應監控state部份轉變的要領。

store.dispatch(action)

https://redux.js.org/api-refe…

這個函數實行后,在state中被action說起的成員會被替代

這個函數返回action

react-redux

https://github.com/reduxjs/re…
https://segmentfault.com/a/11…

// react-redux

connect([mapStateToProps], [mapDispatchToProps], [mergeProps], [options])

mapStateToProps(state)

mapDispatchToProps(dispatch, ownProps)

函數mapStateToProps(state, ownProps)

這個函數能夠將state(或其成員)作為 props 綁定到組件上。ownProps是組件自身的 props。

一旦 props 轉變,組件就會從新襯着。

函數mapDispatchToProps(state, ownProps)

這個函數供應dispatch,使得組件能夠建立用於轉變state的props(函數)。ownProps是組件自身的 props。

這個函數與store.dispatch比擬,唯一的優點是:如果組件定義不在進口文件(如index.js)中,這類要領能夠免於import進口文件中的全局store。所以,這個函數實在並沒有多大意義。

    原文作者:Zack
    原文地址: https://segmentfault.com/a/1190000015044597
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞