Javascript React router：在每个<；链接>；航行

抱歉，如果已经回答了这个问题。 但是有没有办法在每个

导航上执行自定义函数？最好不创建自定义的

包装器

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

---

谢谢

您可以使用

onClick

执行任何操作，例如

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

---

请参阅或。

您可以调用react router路由对象上的任何函数，如下所示：

function someFunction(a,b){ 
 const c = a + b;
 return c
} 


<Switch>
  <Route exact exact path="/" component={SomeComponent} />
  <Route path="/reload" render= {(props)=>someFunction() } />
</Switch>

函数someFunction（a，b）{ 常数c=a+b； 返回c } someFunction（）}/>

---

我不想每次使用

时都编写

onClick={（）=>console.log（'Heading to/'）}

部分是的，你是对的。我的错是，我应该在我最初的回答中说明这一点。我不想这样做的原因是因为我在30个不同的地方使用了

，调整起来有点困难。这并不像创建一个自定义组件那么困难，只要想想未来几个月的时间你就会忘记自定义

链接
组件的用途。：）我想还有另一种方法，只是更新了答案。react router v4Hey Anurag中的Oneter of Route现在已被弃用，谢谢你提出这个问题！那么新的方式是什么呢？（如果有）仅
链接
导航或每次历史记录更改？
function someFunction(a,b){ 
 const c = a + b;
 return c
} 


<Switch>
  <Route exact exact path="/" component={SomeComponent} />
  <Route path="/reload" render= {(props)=>someFunction() } />
</Switch>