React 路由器：在每个 导航上执行自定义函数

抱歉，如果这个问题已经得到回答。 但是有没有一种方法可以在每个<Link>导航？最好不创建自定义<Link>包装纸。

我想在应用程序内的每次导航之前将一些信息放入 sessionStorage 中。

Thanks

您可以使用onClick执行任何操作，例如

<Link
  to="/"
  onClick={() => console.log('Heading to /')} />

Replace console.log具有执行的功能sessionStorage更新之类的，仅此而已。

另一种方法是使用onEnter的支柱Route组件在每个路由输入中执行特定的功能：

<Route
  path="/"
  component={App}
  onEnter={() => console.log('Entered /')} />

See the 参考 https://github.com/reactjs/react-router/blob/master/docs/API.md#onenternextstate-replace-callback, or 使用react-router 和react-redux 的示例 https://github.com/taxigy/til/blob/master/redux/react-router-action-on-enter.md.