React 進入文件APP.js,首先添加react-redux插件,使用react-redux的Provider模塊提供管道的儲存功能,傳入管道的屬性必須是store。 然而store參數是一個模塊功能,此模塊由redux的三個模塊組成,分別是創造、截獲、組成三個方法,createStore, a ...
React 進入文件APP.js,首先添加react-redux插件,使用react-redux的Provider模塊提供管道的儲存功能,傳入管道的屬性必須是store。
然而store參數是一個模塊功能,此模塊由redux的三個模塊組成,分別是創造、截獲、組成三個方法,createStore, applyMiddleware, compose。createStore是第一個調用模塊,外殼。其內部接收三個參數,並且三個參數的功能如rootReducers,initialState,compose。其中rootReducers表示接收state變化的儲存屬性,initialState表示傳入的初始配置參數,compose表示截獲的中間件模塊,比如載入redux-thunk插件和redux-await插件的模塊,得以實現按需載入和擴展功能。
於是在provider內部嵌套路由功能Router,路由使用react-router插件,屬性為history調用的模塊hashHistory,子路由為Route,如果path路徑是/,那麼component添加的模塊,會使用react-redux插件的connect模塊,connect內部接收的是改變的state狀態,其中使用redux插件的bindActionCreators模塊可以檢查token狀態變化。
同級別的route子路由中,如果route中的path路徑使用了:id和:number,那麼說明子路由中的模塊存在Link設置的to屬性,其中to設置的屬性有/$ { this.props.id } 和 /
$ { this.props.number }