使用 CSS 变量代替 React Context

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您旅程的每个阶段提供云产品。 立即开始使用 $200 免费赠送额度!

事实证明,您可以使用多种不同的库来传递组件周围的颜色信息。 或者,您可以使用内置于 CSS 的自定义属性,不会降低您自己的开发人员体验,并为您的用户提供更快的体验。 Kent 在这里进行了证明,并附带演示。

为了记录,您可以比 Kent 在这里更进一步,*完全不使用 CSS-in-JS*,但仍然可以从 React 中的按钮点击更新 CSS 自定义属性,并在那里管理状态等。 我告诉你,像 React 这样的 UI 组件库的主要工作之一是管理状态,而 CSS 也应该了解该状态,这样您就可以用它来执行*任何*您需要执行的样式。

等等,*不*使用 CSS-in-JS? Kent

当我向其中添加*真正的*编程语言时,我从未如此高效地使用 CSS。

*极度侧目*,Kent。

我们也应该称之为 CSS-in-React,因为 React 是唯一一个没有为样式提供经过验证的解决方案的主要框架。

直接链接 →