反应 - 重叠 css 文件

Question

我的网络应用程序中有一个主题功能，其中包含两个 bootstarp css 文件，每个主题一个。 我想在它们之间切换，但最终结果是它们重叠。

handleThemeToggleClick(dark){
    var new_theme = !this.state.dark_theme
    if(new_theme)
    {
      import("./css/bootstrap-darkly.min.css");
      this.setState({
        dark_theme: new_theme,
      });
    }
    else{
      import("./css/bootstrap-simplex.min.css");
      this.setState({
        dark_theme: new_theme,
      });
    } 
  }

有没有办法在反应中取消导入文件？ 请帮我

Answer 1

取消导入 css 文件不会有什么不同。 css styles 已经被应用，所以除非用户刷新浏览器，否则它们不会只是 go 消失。

相反，您可以重新编写所有 CSS 属性，以便您的 styles 不会发生冲突。