React - Overlap文件

Question

我在我的web-app中有一个主题功能，有两个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,
      });
    } 
  }

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

Answer 1

不导入css文件不会有什么不同。css样式可能已经被应用了，所以除非用户刷新浏览器，否则它们不会消失。

相反，你可以重写你所有的CSS属性，这样你的样式就不会冲突。