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

K41F4r

我正在使用,MemoryRouter并且我不希望浏览器将鼠标悬停在时显示完整链接(在左下角)Link

<Link to="/somepath" />

to属性中使用函数似乎无效。

我知道它在其中包装了<a>标签,但href即使在中传递了函数,它仍然会使用to有什么办法实现呢?

迪奥戈·席尔瓦

如果您不想显示该链接onHover,请考虑以编程方式使用onClick而不是使用来更改页面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>
  );
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用React正确设置react-router-dom链接

来自分类Dev

react-router-dom <链接>未更新页面

来自分类Dev

带有react-router-dom链接的SpeedDialAction

来自分类Dev

如何使用CSS在React Router Dom中选择链接标签?

来自分类Dev

可重用的 react-router-dom 链接 hrefs

来自分类Dev

React Router深层链接

来自分类Dev

当使用react-router-dom匹配URL路径时,如何防止React组件卸载

来自分类Dev

如何在react-router-dom中更改URL路径?

来自分类Dev

react-router-dom 中的 <Link> 不会改变 URL

来自分类Dev

更改网址时,react router dom不更新类组件

来自分类Dev

当我更改页面时,React Router Dom删除值

来自分类Dev

使用链接测试React Router

来自分类Dev

设置React Router链接的样式

来自分类Dev

React Router Dom的<Switch>问题

来自分类Dev

在react-router-dom链接中传递参数不能正常工作

来自分类Dev

react-router-dom链接无法导航到目标页面的开始

来自分类Dev

React:react-router-dom的Redirect不重新加载页面,而是更改URL

来自分类Dev

React-router链接,传入参数

来自分类Dev

当使用路由渲染道具而不是路由组件道具时,如何访问 react-router-dom 4 中的 url args?

来自分类Dev

使用React-Router-Dom创建PrivateRoute

来自分类Dev

react-router-dom 元素类型无效

来自分类Dev

React-router-dom 重定向问题

来自分类Dev

ReactJS - 关于 react-router-dom 的问题

来自分类Dev

使用React-Router和Redux时单击链接时如何调度动作?

来自分类Dev

使用带有可选URL参数的react-router链接设置活动类

来自分类Dev

react-router链接更改了URL,但Route组件未呈现

来自分类Dev

React-router-dom v6,URL更改但组件未呈现

来自分类Dev

React-router-dom v6,URL更改但组件未呈现

来自分类Dev

React-router-dom v6,URL更改但组件未呈现

Related 相关文章

  1. 1

    如何使用React正确设置react-router-dom链接

  2. 2

    react-router-dom <链接>未更新页面

  3. 3

    带有react-router-dom链接的SpeedDialAction

  4. 4

    如何使用CSS在React Router Dom中选择链接标签?

  5. 5

    可重用的 react-router-dom 链接 hrefs

  6. 6

    React Router深层链接

  7. 7

    当使用react-router-dom匹配URL路径时,如何防止React组件卸载

  8. 8

    如何在react-router-dom中更改URL路径?

  9. 9

    react-router-dom 中的 <Link> 不会改变 URL

  10. 10

    更改网址时,react router dom不更新类组件

  11. 11

    当我更改页面时,React Router Dom删除值

  12. 12

    使用链接测试React Router

  13. 13

    设置React Router链接的样式

  14. 14

    React Router Dom的<Switch>问题

  15. 15

    在react-router-dom链接中传递参数不能正常工作

  16. 16

    react-router-dom链接无法导航到目标页面的开始

  17. 17

    React:react-router-dom的Redirect不重新加载页面,而是更改URL

  18. 18

    React-router链接,传入参数

  19. 19

    当使用路由渲染道具而不是路由组件道具时,如何访问 react-router-dom 4 中的 url args?

  20. 20

    使用React-Router-Dom创建PrivateRoute

  21. 21

    react-router-dom 元素类型无效

  22. 22

    React-router-dom 重定向问题

  23. 23

    ReactJS - 关于 react-router-dom 的问题

  24. 24

    使用React-Router和Redux时单击链接时如何调度动作?

  25. 25

    使用带有可选URL参数的react-router链接设置活动类

  26. 26

    react-router链接更改了URL,但Route组件未呈现

  27. 27

    React-router-dom v6,URL更改但组件未呈现

  28. 28

    React-router-dom v6,URL更改但组件未呈现

  29. 29

    React-router-dom v6,URL更改但组件未呈现

热门标签

归档