javascript - 라우팅 구성 요소를 일치시킨 후 반응 라우터 구성 요소에서 작업을 한 번 전달하는 방법은 무엇입니까?

Question

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 구성 요소로 구성되는데, /user를 클릭하면 사용자의 열과 dataSource가 경로에 따라 전환되어야 하고, /odm을 클릭하면 odm의 열과 dataSource가 로드되고 싶습니다.

Datagrid 구성요소는 다음과 같습니다

으아악

/user 경로를 클릭하면 사용자의 열이 로드되는 것은 사실이지만 dispatch(fetchColumn(id))会无限循环，如果把dispatch(fetchColumn(id))放在componentDidMount에서는 /odm을 클릭하면 Datagrid 구성 요소가 다시 렌더링되지 않습니다. 하다.

Answer 1

으아악

Answer 2

/odm을 클릭하면 odm의 열과 데이터 소스를 로드합니다.

그런 다음 클릭 이벤트에서 dispatch.

말씀이 틀렸으니 시도해 보세요componentDidUpdate.