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();
//要渲染的组件
返回;
}}
/>
问题在于这是否安全(性能权衡、历史一致性等),而不是我是否能做到。我知道你可以同时添加道具,应用程序不会崩溃。