时间戳

首页 > 解决方案 > 如何使用 CSS 在 React Router Dom 中选择链接标签？

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

问题描述

我对 React 很陌生。我在 CSS 中选择链接标签时遇到了麻烦。我发现我可以通过给链接标签提供类名或直接给样式属性来解决，但我想选择所有的链接标签。我如何解决这个问题？请帮我。

标签： javascripthtmlcssreactjsreact-router-dom

解决方案

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

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以应用样式。

推荐阅读