ReactJS 和 Material UI makeStyles/useStyles 问题
ReactJS and Material UI makeStyles/useStyles question
我正在开发一个小型 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函数或者覆盖全局主题来减少整体代码量。
我正在开发一个小型 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函数或者覆盖全局主题来减少整体代码量。