NavLink от response-router-dom не обновляет данные страницы

Question

Привет, ребята, я использую Navlink-маршрутизатор для перехода с одной страницы на другую. Здесь у меня есть две страницы на маршрутах как

1. / dashboard / school

2. / dashboard / civil-services

, так что скажем, если Я нахожусь в / dashboard / school, а затем использую NavLink для перехода к / dashboard / civil-services, например

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

        </NavLink>

, маршрут меняется, но данные не обновляются, после того, как я обновил sh страница тогда данные отображаются правильно

компонент Route определяется следующим образом

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

, и в этом компоненте я сначала проверяю значение params и данные fetchin a cc. к нему.

Ps - я здесь не использую redux

this.props.match.params.type

Answer 1

вы должны использовать

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

this if condition проверяет, было ли изменено type, измените комментарий на функцию загрузки, которая перезагрузит содержимое страницы.