Javascript 如何在react js中共享js对象到sass变量的值？

我正在尝试动态更改我的应用程序主题颜色。我希望通过JavaScript从具有颜色值的服务器获取对象，然后将这些值传递给sass变量

我找到了很多关于这方面的文章，但其中一些文章对我来说毫无用处：

---

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

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

---

您还可以使用这样的lib，允许您使用javascript将道具直接传递到样式中。您不能更改scss文件的值，因为scss在服务器中编译成css，然后发送到执行javascript的客户端

但是，您可以通过css变量（）实现这一点。

---

您可以使用带有默认值的css变量，然后通过JS更改变量的值

谢谢，这是一个有用的答案，我做到了）。。。我阅读了一些文章，帮助我找到了如何将值从js传递到css：例如：@mostafaelbanna你找到了更好的方法来实现你想要的（如果样式化组件等不是一个选项），所以最好是你写一个答案！