javascript - 如何在 react-js 中将 js 对象的值共享给 sass 变量？
问题描述
我正在尝试动态更改我的应用程序主题颜色。我想通过 JavaScript 从服务器获取具有颜色值的对象，然后将这些值传递给 sass 变量。
我发现了很多关于此的文章，但其中一些对我没有任何帮助：
https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0
https://github.com/pmowrer/node-sass-json-importer#node-sass-json-importer
有没有办法将变量从 javascript 导入 sass，反之亦然？
https://frontend-cookbook.ack.ee/pages/implementation/SharingVariables.html
解决方案
我建议您对该主题颜色使用内联样式
<SomeComponent className={this.state.themeColor === 'black'? 'classDarkMode' : 'classNormalMode'} />
您也可以使用类似 lib的样式组件，这些组件允许您将道具直接传递到样式中