gpt4 book ai didi

javascript - 如何在 react-js 中将 js 对象的值共享给 sass 变量?

转载 作者:行者123 更新时间:2023-12-04 13:16:45 25 4
gpt4 key购买 nike

我正在尝试动态更改我的应用程序主题颜色。我想通过 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

Is there a way to import variables from javascript to sass or vice versa?

https://frontend-cookbook.ack.ee/pages/implementation/SharingVariables.html

最佳答案

我建议您对该主题颜色使用内联样式

<SomeComponent className={this.state.themeColor === 'black'? 'classDarkMode' : 'classNormalMode'} />

你也可以使用像 styled components 这样的库。允许您将 Prop 直接传递到样式中

关于javascript - 如何在 react-js 中将 js 对象的值共享给 sass 变量?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59673154/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com