react-router-dom 链接 - 悬停时隐藏 URL

Question

我正在使用MemoryRouter，我不希望浏览器在悬停时显示完整链接（在左下角）Link。

<Link to="/somepath" />

在属性中使用函数to似乎不起作用。

我知道它<a>在里面包装了一个标签，但href即使在to. 有什么方法可以实现吗？

Answer 1

如果您不想显示 link&nbsp;onHover，请考虑以编程方式更改页面，onClick而不是使用 a&nbsp;Link，因为它们显示为具有a自己href属性的普通标记，从而暴露 URL。这是来自文档的片段import { useHistory } from "react-router-dom";function HomeButton() {&nbsp; let history = useHistory();&nbsp; function handleClick() {&nbsp; &nbsp; history.push("/home");&nbsp; }&nbsp; return (&nbsp; &nbsp; <button type="button" onClick={handleClick}>&nbsp; &nbsp; &nbsp; Go home&nbsp; &nbsp; </button>&nbsp; );}