reactjs - 使用带有 React 路由器的锚标记并避免页面重新加载

Question

我们向用户显示带有产品信息的网格。第一列应该显示一个链接，将用户带到另一个显示产品详细信息的路线。我们使用的网格组件，接受单元格的模板。所以我们可以提供这样的东西：

<a href='/product-details/{row.productId}'>{row.productName}</a>

这很好，链接也很好。但是，当单击产品名称时，它会重新加载页面。我们不能在这里使用链接标签。

有没有办法使用锚标签手动形成链接 - react-router 的 Link 元素如何创建链接？

请注意，我们要使用BrowserRouter。如果我们使用HashRouter，我们可以用 /#/ 形成链接，并且页面不会重新加载。但是，我们要避免使用 HashRouter。

标签： reactjsreact-router