Блог

В моем веб-приложении есть функция темы с двумя файлами 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? Пожалуйста, помогите мне

Отмена импорта файла css не будет иметь значения. Стили css уже были бы применены, поэтому они просто не исчезнут, если пользователь не обновит браузер.

Вместо этого вы можете переписать все свои свойства CSS, чтобы ваши стили не конфликтовали.