怎么修改antd组件的样式

要修改 Ant Design 组件的样式，可以使用以下几种方法：

1. 使用全局样式表覆盖 Ant Design 的样式。这种方法比较简单，但是可能会导致样式冲突和难以维护。示例代码如下：

/* 修改 Button 组件的背景色 */
.ant-btn {
  background-color: red;
}

2. 使用 CSS Modules 或 CSS-in-JS 库修改组件的样式。这种方法可以避免样式冲突，但是需要引入额外的库和代码。示例代码如下：

import { Button } from 'antd';
import styles from './styles.module.css';

function MyButton() {
  return <Button className={styles.myButton}>My Button</Button>;
}

3. 使用 Ant Design 提供的自定义主题功能修改组件的样式。这种方法需要在项目中配置主题文件，可以全局修改组件的样式，而不需要逐个修改。示例代码如下：

// 在项目中引入 less 文件和 Ant Design 的主题变量
@import '~antd/dist/antd.less';
@import './theme.less';

// 修改主题变量
@primary-color: red;

以上是三种常用的修改 Ant Design 组件样式的方法，具体使用取决于实际情况。