用到了 react, react-router 4.1.1, redux 3.7.0, react-redux 5.0.5
Route配置为 <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 组件又不会重新渲染了,不知道该怎么搞。
相关分类