很抱歉,如果这个问题已经得到解答。
但是有没有办法在每个 <Link>
上执行自定义函数?导航?最好不要创建自定义 <Link>
包装器。
我想在我的应用程序中的每次导航之前将一些信息放入 sessionStorage。
谢谢
最佳答案
您可以使用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 .
关于javascript - react 路由器 : execute custom function on every <Link> navigation,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39294424/