使用ant design在reactJS和dotnet core中链接回发

发布于 2025-01-10 03:40:48 字数 459 浏览 1 评论 0原文

我们正在使用 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

养猫人 2025-01-17 03:40:48

经过评论讨论,由于您使用的是react-router,因此可以使用react-router库提供的组件,例如 链接NavLink

与您的示例等效的用途是

<Link to="/">home</Link>

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 and NavLink.

An equivalent use to your example would be

<Link to="/">home</Link>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文