我正在开发一个小型Web应用程序，并且正在使用ReactJS和Material UI开发它。在文档提供的示例中，许多组件似乎在代码内具有useStyles。我遵循了这些示例，现在我基本上在每个组件中都使用了useStyles函数。我的问题是：这是好习惯吗？ 通常，我有一个包含所有类的单独的CSS文件，坦率地说，我发现它更易于管理，但在这种情况下，我想遵循CSS-in-JS模式。
您可以在此处查看我正在处理的代码示例：https://github.com/sickdyd/foriio/blob/master/src/components/body/UserProfile.js
谢谢您可以给我的澄清。
答案 0 :(得分：1)
是的，这是个好习惯。
它使您可以分开关注的地方，并在需要的地方本地化样式。在处理其他类时，不要意外覆盖样式。这将对大型项目特别有用。
它还将允许代码拆分，并且仅将需要和实际使用的CSS / CSS-in-JS下载并添加到您的网站中。这也将缩短您的初始绘制时间，因为需要解析的CSS更少。
我觉得您正在多个位置重复代码，也可以共享useStyles函数或覆盖全局主题以减少代码总量。