React js-一旦单击链接，如何防止页面重新加载现在，整个页面在单击链接时都会刷新

编程问答 2022-07-06

问题描述

我有一个链接，其中是发票编号，因此一旦单击它，它应该提供特定发票编号的数据，而无需重新加载页面。[code]

解决方法

路由通常由浏览器处理，当URL更改时，浏览器会发送HTTP请求。
在这里，您似乎希望您的应用处理URL更改，以便它根据URL显示内容。这称为客户端路由，您可以使用：

,

在事件实践中，您可以使用preventDefault方法阻止页面重新加载。

function onLinkClick(e) {
   e.preventDefault();
   // further processing happens here
}

<a href="/my-invoice-link" onClick={onLinkClick} />
hyperlinkhyperlinkjavascriptreactjsreactjsreactjsreactjsreloadreloadwindow.location