使用ant design在reactJS和dotnet core中链接回发
我们正在使用 React JS 和 dot net core 以及 ant design 构建一个应用程序。开发人员没有建立链接,而是使用了
<p onClick={()=>dispatch(push("/"))}>home</p>
提供的原因是这种方式页面不会回发,因此页面之间的浏览速度要快得多。我不确定这是否是一个有效的原因,我想正确的方法可能是:
<button type="link" onClick={()=>dispatch(push("/"))}>home</button>
或者
<a href="/">home</a>
请建议什么是正确的方法,因为我是 React 和 Ant Design 的新手。 谢谢。
We are building an application using React JS and dot net core and ant design. The developer instead of making links, he used
<p onClick={()=>dispatch(push("/"))}>home</p>
The reason provided is that this way page doesn't posts back, hence browsing between pages is much faster. I am not sure if this is a valid reason, I guess the right way might be:
<button type="link" onClick={()=>dispatch(push("/"))}>home</button>
OR
<a href="/">home</a>
Kindly advice what is the right way, since I am new to React and Ant Design.
Thank you.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
经过评论讨论,由于您使用的是react-router,因此可以使用react-router库提供的组件,例如
链接
和NavLink
。与您的示例等效的用途是
After the comment discussion, since you are using the react-router, you can use the components, provided by the react-router library, such as
Link
andNavLink
.An equivalent use to your example would be