在React应用程序中更改CSS主题的方法?

时间:2017-11-30 21:40:17

标签: css redux themes react-redux

我们的想法是在登录后从服务器获取配置JSON。并且取决于配置(假设用户链接到的公司)使用预设样式之一。前端是基于React的。因此,我无法通过id获取主要样式标记并动态更改它:

<link type="text/css" rel="stylesheet" media="all" href="../green.css" id="theme_css" />

document.getElementById('theme_css').href = '../red.css';

在React(Redux)网络应用程序中是否还有其他常用方法可以动态加载文件?

1 个答案:

答案 0 :(得分:0)

您可以尝试这种方式。它适用于更大的项目,您的浏览器支持会更高,或者您可以在SASS / LESS的帮助下实现相同的功能。

https://medium.com/@harishv6665_49536/theming-with-react-js-or-any-in-minutes-with-css-variables-11d4ebecdb41