css - react-jss 不缓存 css 类
问题描述
我使用 Mui (material ui) List 并且在 ListItem 中有一个有点复杂的自定义组件(具有其他组件 + 状态,可以折叠或展开等)。
我使用 react-jss (injectSheet(styles)(component)),我看到对于我在列表中添加的每个元素,都有一个新的 Css 注入到页眉中。我以为 react-jss 中添加了缓存,但看起来我错了。
您能否建议我如何使用 react-jss 缓存 Css?此外,如果这不是一个选项,并且我必须使用 jss + 插件,那么带有缓存插件的 jss 设置示例将有所帮助。
谢谢您的帮助!
解决方案
通过 react-jss 注入的静态样式在所有组件实例之间重用。如果您使用函数值(动态样式),则不会重复使用,因为您可以在每个元素上使用不同的值。
推荐阅读
- android - 在构建器方法中强制方法调用
- wordpress - 如何在点击类别页面 wordpress 类别上显示子类别
- javascript - 从控制器执行所有代码后,如何在Spring mvc中从控制器获取数据标志到jsp
- azure-resource-manager - 带有 AKS 和 ARM 模板的 Helm
- c# - C# UWP Toast 通知和推送通知之间的区别
- c# - 使用复选框异步下载
- angular-material - cdk-global-scrollblock 未在 Angular Material 对话框中应用
- gcc - gcc 5 does not detect stack smashing for inline functions but gcc 7 does
- mongodb - spring-boot mongodb 4.0 兼容性
- photo - 如何从谷歌照片api获取图像总数