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;
}

我的风格像ant-table-small___2ihaB一样'模块化' 如何覆盖内置类？

Answer 1

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

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

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

示例：

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

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

如何用dva覆盖antd样式

1 个答案: