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
。
這個函數實行后,只需store
的state
發作任何轉變,函數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
。所以,這個函數實在並沒有多大意義。