Reactjs 我可以安全地使用这两个;至;及;onClick";反应路由器链路上的道具?

Reactjs 我可以安全地使用这两个;至;及;onClick";反应路由器链路上的道具?,reactjs,react-router,Reactjs,React Router,我希望通过to道具保留使用默认路由机制的好处,但也希望在点击链接时添加额外的日志逻辑。您希望实现什么逻辑?是什么阻止您将onClick处理程序添加到Link组件 <Link to="/" onClick={event => { alert('home') }}>Home</Link> {alert('home')}>home 另一种可能的选择是将链接到另一个组件,您可以将任何逻辑放入生命周期方法中,如componentDidMount() 在回答您的问题时,中

我希望通过
to
道具保留使用默认路由机制的好处,但也希望在点击链接时添加额外的日志逻辑。

您希望实现什么逻辑?是什么阻止您将
onClick
处理程序添加到
Link
组件

<Link to="/" onClick={event => { alert('home') }}>Home</Link>
{alert('home')}>home
另一种可能的选择是将
链接到另一个组件,您可以将任何逻辑放入生命周期方法中,如
componentDidMount()


在回答您的问题时,中提供了对
onClick
事件的支持。因此,我想这完全没问题。

如果处理取决于路由而不是链接,则可以将单击处理程序添加到路由的render属性,否则将处理程序指定给链接的onClick属性

<Route 
   path="home"
   render={props=>{
                 //Handler function
                 this.handler();
                 //Component to render
                 return <Home/>; 
                 }}
/>
{
//处理函数
this.handler();
//要渲染的组件
返回;
}}
/>

问题在于这是否安全(性能权衡、历史一致性等),而不是我是否能做到。我知道你可以同时添加道具,应用程序不会崩溃。