Функция обратного вызова React Router Link

Question

Я использую response-router-dom v4 и хочу выполнить функцию обратного вызова после того, как я нажму на навигационную ссылку / маршрут изменился.

<nav>
  <ul>
    {this.routes.map((route) => <li key={route.id}><Link to={route.path} >{route.title}</Link></li>)}
  </ul>
</nav>

<main>
  {this.routes.map((route) => 
    <Route 
      key={route.id}
      path={route.path}
      onEnter={() = > console.log('callback after route change')}
      exact
      component={route.component} />
   )}
</main>

Я пробовал onEnter на Маршрут , но он не работает.

Answer 1

onEnter удален в реакции-маршрутизаторе v4, он доступен в реактиве-маршрутизаторе v3.

Вы можете попробовать использовать функцию componentWillMount компонента, к которому вы переходите.

Надеюсь, это поможет вам.