Reactjs 导入语义ui css而不在本地定义类的范围| |语义ui以使用在本地定义范围的类

我想在我的组件中有选择地使用语义ui css类。问题是我使用了postsss modules选项，它在本地为特定组件定义了所有类名的作用域。当我使用语义ui react组件时，例如一个按钮，它用classes ui按钮呈现元素按钮，但是包含的css在本地范围内，所以我得到的不是button-min_ui__14RRq，而是button-min_ui_14RRq

我需要做两件事中的一件：

导入语义ui css，而不在本地确定类的作用域 使语义ui组件使用在本地范围内的类 现在我看到我只有一个选择：

import React from 'react';
import { Button } from 'semantic-ui-react'
import semantic from 'semantic-ui-css/components/button.min.css'

export default class Test extends React.Component {
  render(){
    return (
        <Button className={[semantic.ui, semantic.button]}>Click Here</Button>
      )
  }
}

我明确说明了按钮要使用的类。它可以工作，但我必须为每个元素都这样做，并且它保留默认类。所以我得到了ui按钮button-min_ui_u14RRQ button-min_button_uUIO9b

---

有没有一种方法可以在不保留默认类的情况下做到这一点？

我不确定自己是否完全理解这个问题，但我会尝试一下。您是否应该尝试从PostCSS中排除语义/全局样式？ 如果您使用的是网页包，请在加载程序定义中使用“排除”。 这是我们在我工作的一个项目中所做的事情

---

劳拉

你和我有类似的问题

据我所知，您希望从css模块中排除语义ui react库样式，以便它与您的应用程序一起工作。您可以为css加载程序创建多个规则来解决此问题

看看这个

我总是使用库的css，而不是它们提供的组件，我自己编写

因此，只安装语义ui css。现在在react应用程序中导入如下内容

import ReactDOM from 'react-dom'
import 'semantic-ui-css/semantic.min.css'
import App from './App'

ReactDOM.render(<App/>, document.getElementById('root'))