react 引入antd 样式_在使用css_module的情况下修改antd的样式示例

好的，以下是一个在使用 CSS Modules 的情况下修改 antd 样式的示例：

假设你的组件名为 `MyComponent`，你需要创建一个样式文件 `MyComponent.module.css`，其中包含以下内容：

/* 定义全局类名 */
.global-antd {
  /* 引入 antd 样式，使用 :global() 包裹 */
  :global(.ant-btn) {
    /* 修改 antd 样式 */
    color: red;
  }
}

然后在 `MyComponent.js` 文件中，你需要引入 antd 样式和组件样式，并通过 `className` 属性来使用样式：

import React from 'react';
import 'antd/dist/antd.css';
import styles from './MyComponent.module.css';
import { Button } from 'antd';

function MyComponent() {
  return (
    <div className={styles['global-antd']}>
      <Button>按钮</Button>
    </div>
  );
}

export default MyComponent;

这样，在 `MyComponent` 组件中，所有的 antd 按钮都会变成红色。