react-jss 不缓存 css 类

Question

我使用 Mui (material ui) List 并且在 ListItem 中我有一个有点复杂的自定义组件（具有其他组件 + 状态，可以折叠或展开等）。

我使用 react-jss (injectSheet(styles)(component))，我看到对于我添加到列表中的每个元素，都有一个新的 Css 注入到页眉中。 我以为 react-jss 中添加了缓存，但看起来我错了。

您能否建议我如何使用 react-jss 缓存 Css？此外，如果这不是一个选项，并且我必须使用 jss + 插件，那么带有缓存插件的 jss 设置示例将有所帮助。

感谢您的帮助！

Answer 1

通过 react-jss 注入的静态样式在所有组件实例之间重用。如果您使用函数值（动态样式），则不会重复使用，因为您可以在每个元素上使用不同的值。