来自react router dom的NavLink不重新提取页面数据

Question

嘿，伙计们，我正在使用react-router-dom Navlink从一个页面导航到另一个页面。这里我有两个关于路由的页面

1. /仪表板/学校

2./仪表板/民用服务

所以假设我在 /dashboard/school，然后我使用NavLink导航到 /dashboard/civil-services

         <NavLink
          exact
          className={`${styles.ProfileMenuList} `}
          activeClassName={`${styles.activeLink}`}
          to="/dashboard/civil-services"
        >

        </NavLink>

路由发生更改，但数据未被重新提取，刷新页面后，数据将正确显示

路由组件的定义方式如下：

 <BrowserRouter style={{ overflow: "auto" }}>
    <Scroll>
    <Switch>
        <Route
         exact
         path="/dashboard/:type"
         component={DashboardComponent}
        />
    </Switch>
    </Scroll
</BrowserRouter>

在该组件中，我首先检查params值并根据它获取数据。

附言-我在这里不使用还原

this.props.match.params.type

Answer 1

你必须使用

componentDidUpdate(prevProps) {
    if (prevProps.match.params.type !== this.props.match.params.type) {
         // Load Funcition....
    }
}

此如果条件检查type是否已更改，请将注释更改为将重新加载页面内容的加载函数。