【问题标题】:Changing Stylesheets in React在 React 中更改样式表
【发布时间】:2019-03-22 17:55:46
【问题描述】:

我正在开发一个 React 应用程序。我有几个不同的样式表来重新设置相同元素的样式。假设为了这个问题,我有两个具有相同元素但样式不同的两个。现在,在应用程序中,我只需将其导入:

导入'./Stylesheet1.css';

我想做的是,根据数据库中该客户的设置,它会改用 ./Stylesheet2.css。

我知道有一些额外的模块可以提供帮助,我可以通过动态构建样式表来做一些事情,我可能需要使用这些选项,但现在,我想看看是否有一些动态换出我指向的 CSS 文件的方法。

【问题讨论】:

  • 您不能只为控制每个设置的主题的主体使用一个 ID 吗?喜欢body#theme1body#theme2?这会容易得多,否则你可能不得不做一些重复的代码
  • 我不知道为什么我以前搜索时没有找到这个,但我发现这个帖子我认为可以很好地回答我的问题:stackoverflow.com/questions/28386125/… 我要试试如果可行,我将关闭问题。
  • 是的,这完全解决了我的问题。
  • @JeeMok - 是的,当然。由于某种原因,我最初的搜索或建议的答案中没有出现那个。

标签: css reactjs


【解决方案1】:

另外一种方法如下:

从'./Stylesheet1.css'导入样式1; 从'./Stylesheet1.css'导入样式2;

【讨论】:

  • 这也是个好主意。谢谢。将此标记为已接受,因为在此与上面链接的其他问题的答案之间,我想我已经解决了我的问题。
  • 同意,谢谢丹尼尔!
猜你喜欢
  • 2016-04-10
  • 2020-01-25
  • 1970-01-01
  • 2017-08-08
  • 1970-01-01
  • 2016-05-30
  • 1970-01-01
  • 1970-01-01
  • 2019-02-14
相关资源
最近更新 更多