react-jss不缓存css类

Question

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

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

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

谢谢你的帮助！

Answer 1

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