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

德龙

我是React的新手。而且我在CSS中选择链接标签时遇到了麻烦。我发现我可以通过将classname赋予Link标签或直接赋予style属性来解决,但是我想选择所有Link标签。我该如何解决这个问题?请帮我。

义大利汉堡

正确的React方法是Link使用您自己的应用样式的组件包装React Router

import { Link as RouterLink } from 'react-router-dom';

function Link(props) {
    return <RouterLink className="myClassname" {...props} />;
}

export default Link;

然后,您可以像使用Link本机Link组件一样使用组件,并且类名将自动应用。

对于更快,更脏的方法,React Router Link对象只是<a>引擎盖下的标签。在全局样式表中,您只需定位a即可应用样式。

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

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

来自分类Dev

使用链接测试React Router

来自分类Dev

使用Material UI标签作为链接的React Router

来自分类Dev

React Router深层链接

来自分类Dev

如何在使用中发送参数React Router Dom的历史?

来自分类Dev

如何使用 react-router-dom 创建动态路由?

来自分类Dev

我在 React 应用程序中遇到了两个 .js 文件的问题!我正在使用 react-router-dom。我的问题是链接标签

来自分类Dev

React-Router在新标签页中打开链接

来自分类Dev

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

来自分类Dev

带有react-router-dom链接的SpeedDialAction

来自分类Dev

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

来自分类Dev

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

来自分类Dev

使用React-Router-Dom创建PrivateRoute

来自分类Dev

设置React Router链接的样式

来自分类Dev

React Router Dom的<Switch>问题

来自分类Dev

如何使用内部的<Router>标签测试组件?

来自分类Dev

如何使用react-router-dom在react中创建受保护的路由

来自分类Dev

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

来自分类Dev

如何使用React-Router

来自分类Dev

如何使用DOM在div中选择元素?

来自分类Dev

使用 react-router-dom 在反应中全局使用 Header

来自分类Dev

在CSS中选择活动链接之前先选择链接

来自分类Dev

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

来自分类Dev

如何使用React Router v6将参数传递给链接?

来自分类Dev

如何使用来自单独组件文件的React Router导航链接?

来自分类Dev

如何使用带有typescript的react router dom导航到新页面

来自分类Dev

我如何使用__mocks__目录中的玩笑来模拟react-router-dom

来自分类Dev

使用react-router-dom时如何通过路由传递forwardRef

来自分类Dev

如何配置k8s入口以与react-router-dom一起使用

Related 相关文章

  1. 1

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

  2. 2

    使用链接测试React Router

  3. 3

    使用Material UI标签作为链接的React Router

  4. 4

    React Router深层链接

  5. 5

    如何在使用中发送参数React Router Dom的历史?

  6. 6

    如何使用 react-router-dom 创建动态路由?

  7. 7

    我在 React 应用程序中遇到了两个 .js 文件的问题!我正在使用 react-router-dom。我的问题是链接标签

  8. 8

    React-Router在新标签页中打开链接

  9. 9

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

  10. 10

    带有react-router-dom链接的SpeedDialAction

  11. 11

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

  12. 12

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

  13. 13

    使用React-Router-Dom创建PrivateRoute

  14. 14

    设置React Router链接的样式

  15. 15

    React Router Dom的<Switch>问题

  16. 16

    如何使用内部的<Router>标签测试组件?

  17. 17

    如何使用react-router-dom在react中创建受保护的路由

  18. 18

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

  19. 19

    如何使用React-Router

  20. 20

    如何使用DOM在div中选择元素?

  21. 21

    使用 react-router-dom 在反应中全局使用 Header

  22. 22

    在CSS中选择活动链接之前先选择链接

  23. 23

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

  24. 24

    如何使用React Router v6将参数传递给链接?

  25. 25

    如何使用来自单独组件文件的React Router导航链接?

  26. 26

    如何使用带有typescript的react router dom导航到新页面

  27. 27

    我如何使用__mocks__目录中的玩笑来模拟react-router-dom

  28. 28

    使用react-router-dom时如何通过路由传递forwardRef

  29. 29

    如何配置k8s入口以与react-router-dom一起使用

热门标签

归档