用到了 react, react-router 4.1.1, redux 3.7.0, react-redux 5.0.5Route配置為 <Route path="/:id" component={ Datagrid }/>,其中 id 為 path 路徑,Datagrid 為一個展示數據表格的容器組件,主體內容為antd的 Table 組件,其中 columns 和 dataSource 要求能根據 path 切換,我想實現當點擊 /user 時加載 user 的 columns 和 dataSource,當點擊/odm 時加載 odm 的 columns 和 dataSource。Datagrid 組件如下當點擊 /user path 時確實可以加載 user 的 column,但是dispatch(fetchColumn(id))會無限循環,如果把dispatch(fetchColumn(id))放在componentDidMount中,只會加載一次,當點擊 /odm 時 Datagrid 組件又不會重新渲染了,不知道該怎么搞。
react router 匹配路由組件后如何在組件中 dispatch action 一次?
www說
2018-11-12 17:19:00