如何用 dva 覆盖 antd 样式

Question

我用 dva 初始化了我的项目

// component.js
import React from 'react';
import { Table, Icon } from 'antd';
import styles from '../../style/public.less';
import comStyle from '../../style/company.less';

// company.less
.ant-table {
    border: none!important;
}

我的风格是 'modulized' 这样的 ant-table-small___2ihaB 如何覆盖内置 class?

Answer 1

最后，一位同事帮我解决了这个问题——这个答案是 :global，这将全局覆盖内置样式。像这样：

:global {
  .ant-table {
    border: none;
  }
}

如果您不想全局覆盖它，只需将 :global 嵌套在 class 中，然后将此 class 提供给您想要设置样式的组件。

示例：

// myStyle.less
.myClass {
  :global {
    .ant-table {
      border: none;
    }
  }
}

// myComponent.js
<Table className={styles.myClass} />

如何用 dva 覆盖 antd 样式

How to override antd style with dva

reactjs

react-css-modules

antd