MUI：makeStyles 不再从 @mui 样式导出

最近 MUI 宣布，makeStyles 不再从 @mui/styles 包导出，而是需要直接从 @mui/styles/makeStyles 导入。这意味着在使用 makeStyles 时，您需要更新导入路径以反映此更改。

什么是 makeStyles？

makeStyles 是 MUI 主题的一部分，在使用 Material UI 时经常使用。它允许您轻松创建自定义 CSS 样式，以覆盖 MUI 组件的默认样式。makeStyles 使用 JSS 作为其底层，并使用 CSS-in-JS 方法将样式插入到页面中。

如何更新导入路径？

更新导入路径非常简单，您只需将导入语句中的 @mui/styles 更改为@mui/styles/makeStyles。

例如，如果您之前使用以下导入语句：

import { makeStyles } from '@mui/styles';

您现在需要使用以下导入语句：

import { makeStyles } from '@mui/styles/makeStyles';

为什么要进行此更改？

根据 MUI 的官方公告，他们决定使用更具描述性的导入路径，以便更容易理解和使用。此更改不会影响 makeStyles 的功能，只是更改了导入路径。

结论

虽然这次更改很小，但是它仍然会对许多 MUI 用户产生影响。记住更新导入路径后，您可以继续使用 makeStyles 创建您的自定义样式。