如何解决React js-一旦单击链接,如何防止页面重新加载现在,整个页面在单击链接时都会刷新
我有一个链接,其中是发票编号,因此一旦单击它,它应该提供特定发票编号的数据,而无需重新加载页面。[code]
解决方法
路由通常由浏览器处理,当URL更改时,浏览器会发送HTTP请求。
在这里,您似乎希望您的应用处理URL更改,以便它根据URL显示内容。这称为客户端路由,您可以使用:
- history API
- 一个库,例如react-router-dom
在事件实践中,您可以使用preventDefault
方法阻止页面重新加载。
function onLinkClick(e) {
e.preventDefault();
// further processing happens here
}
<a href="/my-invoice-link" onClick={onLinkClick} />
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。