首页 > 解决方案 > react-jss 不缓存 css 类

问题描述

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

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

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

谢谢您的帮助!

标签: cssreactjsstyled-componentsjss

解决方案


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


推荐阅读