reactjs - 我可以在 React Router Link 上安全地使用 "to"和 "onClick"属性吗?

标签 reactjs react-router

我希望保留通过 to 属性使用默认路由机制的好处,同时还为单击链接时添加额外的日志记录逻辑。

最佳答案

你想达到什么逻辑?是什么阻止您向 Link 组件添加 onClick 处理程序?

<Link to="/" onClick={event => { alert('home') }}>Home</Link>

另一个可能的选择是链接到另一个组件,您可以在其中将任何逻辑放入生命周期方法中,例如componentDidMount()

Go to sandbox

回答您的问题,source code 中支持 onClick 事件。所以我想这完全没问题。

关于reactjs - 我可以在 React Router Link 上安全地使用 "to"和 "onClick"属性吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58891976/

相关文章:

javascript - 工具提示传单的动态永久属性

javascript - 使用 CSS 样式的颜色代码值字典

reactjs - React/Next.js推荐的后端API URL等常量设置方式

html - 用响应图像填充 div 背景

reactjs - React hooks,从 prop 声明多个状态值

javascript - 使用 React-Router 在路由之间传递 props

javascript - ReactJs 中的条件渲染用于 Html 中的一部分

javascript - React 使用 React Hooks 从 Router 获取 props

javascript - React 应用程序中登录页面的路由保护

javascript - React如何检测路由变化方法