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

标签 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) 网络应用程序中是否还有其他常用的动态加载文件的方法?

最佳答案

你可以试试这个。它适用于更大的元素,您的浏览器支持略高,或者您可以在 SASS/LESS 的帮助下实现相同的元素。

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

关于css - 在 React 应用程序中更改 CSS 主题的方法?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47583056/

相关文章:

reactjs - 使用异步数据初始化组件

reactjs - React-Redux 中 <Provider> 和 connect() 之间的关系是什么?

wordpress - 使用未经清理的名称值按名称获取术语

flutter - Flutter 中的主题覆盖不起作用,使用官方示例

android - 如何使状态栏变为白色并带有黑色图标?

css - RGBa 与不透明度(特别是 BBC slider )

css - 将鼠标悬停在另一张图片上时显示图片

html - Bootstrap 在移动设备中将一个元素移动到另一个元素下方

css - 使用 box-sizing : "border-box" and keep image dimensions

javascript - rc-calendar 显示内部 react 组件