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

Question

我正在使用MemoryRouter，我不希望浏览器在悬停时显示完整链接（在左下角）Link。<Link to="/somepath" />在属性中使用函数to似乎不起作用。我知道它<a>在里面包装了一个标签，但href即使在to. 有什么方法可以实现吗？

Answer 1

如果您不想显示 link onHover，请考虑以编程方式更改页面，onClick而不是使用 a Link，因为它们显示为具有a自己href属性的普通标记，从而暴露 URL。

这是来自文档的片段

import { useHistory } from "react-router-dom";

function HomeButton() {

  let history = useHistory();

  function handleClick() {

    history.push("/home");

  }

  return (

    <button type="button" onClick={handleClick}>

      Go home

    </button>

  );

}