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