是否可以从特定的反应组件中禁用全局插入的CSS文件?

Kev*_*ark 5 javascript css reactjs

我在顶级文件中导入了带有全局样式的 CSS 文件index.js。

...
import React from 'react'
import ReactDOM from 'react-dom'
import './global.css'
...
ReactDOM.render(
    <Router>
      <App />
    </Router>,
  document.getElementById('root'),
)
Run Code Online (Sandbox Code Playgroud)

我希望 global.css 应用于下面的所有反应组件(页面)。

然而,在某些组件中,全局添加的global.css会导致问题,我希望在某些组件中禁用它。

例如,我只需禁用 50 个组件中的 3 到 4 个,

所以我想删除仅在特定组件中全局添加的css文件。

我该如何解决?

我不想只将 global.css 添加到我需要的屏幕上。

该文件需要添加到index.js,并且我想仅在某些组件中禁用global.css。