材质 UI - 多个 makeStyles 或一个答案

【问题标题】：Material UI - Multiple makeStyles or one材质 UI - 多个 makeStyles 或一个
【发布时间】：2021-02-19 21:15:36
【问题描述】：

我不确定这里的正确方法是什么。是否可以使用每个组件的 makeStyles 创建样式，还是应该在基础组件中创建一个并传递类名？

【问题讨论】：

【解决方案1】：

最好在各自的组件中创建样式。它将更易于管理，因为所有样式不会集中在一个地方，也不会变成一个巨大的文件。此外，从父组件传递每个组件的样式也会产生prop-drilling 的问题。
如果您有一些通用的常用样式，请将它们添加到主题文件中，这样更易于维护和调试。另一种管理通用样式的方法是在单独的文件中创建通用样式的 makeStyles 钩子，然后导入该钩子并在组件中任何需要的地方使用它，而不是通过道具。

【讨论】：

非常感谢！很抱歉，在您的应用中有许多 makeStyles 没有性能问题？
我猜没有。在这种情况下，所有样式都不会一次加载，而是根据需要加载。