如何导入没有默认类名的Ant Design组件？

Question

我在我的React项目中使用Ant Design。我想使用没有默认类名的Ant Design组件。

请注意以下代码：

import { Typography } from "antd";

const { Title } = Typography;

~~

<Title level={4}> ...

原因如下：

<h4 class="ant-typography" ...

及其CSS：

// in the less file:
h4.ant-typography {
    // some css
}

因此，当我将类名称添加到组件中时， Ant Design 组件的类名称的优先级高于我的！

我的班级名称是.root-23-07。该优先级编号为10，但是由于在较少的文件中使用标签名，因此And Design CSS选择的优先级编号为11。因此Ant Design样式会覆盖我的样式。

我想使用没有默认类名的And Design组件。 有可能吗？

Answer 1

如果我正确理解了您的问题，否，没有基础类名就不能使用antd 。因为React输出原始的html和css，所以没有类名将导致您提供的css之外没有任何样式。

您将需要使您的班级符合特定性级别，或者使用!important