javascript - react 路由器 : execute custom function on every navigation

Question

很抱歉，如果这个问题已经得到解答。但是有没有办法在每个 <Link> 上执行自定义函数？导航？最好不要创建自定义 <Link>包装器。

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

谢谢

Answer 1

您可以使用onClick 来执行任何操作，比如说

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

将 console.log 替换为执行 sessionStorage 更新等的函数，仅此而已。

---

另一种方法是使用 Route 组件的 onEnter 属性来为每个路由输入执行特定功能:

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

参见 reference , 或 example with react-router and react-redux .