为什么css-in-js系统需要ThemeProvider/useTheme

Question

(或根据库的不同而命名类似)

这些函数纯粹是为了在应用程序中访问主题时的易用性，还是它们提供了一些功能/性能优势？

通过将主题导入组件直接访问主题和通过ThemeProvider访问主题有什么区别？

Answer 1

我认为任何性能缺陷或收益都可以忽略不计。然而，它们确实提供了易用性，因为更容易获得主题内联，比如color: ${(theme) => theme.colors.primary}，而不必每次都导入主题文件。还有一些帮助程序可以让访问变得不那么繁琐。

另一个很大的好处是当你需要使用不同的主题或在飞行中交换它们的时候。ThemeProvider将根据需要进行更新，您甚至可以使用嵌套在主theme中的不同主题变体。如果你在做暗模式等等，这真的很有帮助。