@material-ui 和 @mui 有什么区别

IT技术 reactjs material-ui
2021-05-11 09:41:12

我发现 Material UI 的官方网站正在使用@material-ui和@mui。

但我发现如果我使用@material-ui或@muiTextfield，UI 不起作用，问题如下所述

react - 材料标签在文本字段中的位置不正确

如果您在 google 中搜索 Material UI，然后转到https://mui.com/，它会告诉您npm install @mui/material. 但几周前，我正在使用npm install @material-ui

如果我都@material-ui和@mui我的package.json，我既包括script与stylesheet中index.html，将有任何它弄乱UI冲突

更新 1
 在@muiCodeSandbox 中，
如果您尝试Textfield使用selectprop，当您打开选择时，overflow: hidden将添加到正文中。 在此处输入图片说明

https://codesandbox.io/s/selecttextfields-material-demo-forked-z6b9f?file=/demo.js

在我的项目中， overflow: hidden; padding: 15px被添加到正文中，但我检查过我没有做任何事情！ 在此处输入图片说明

3个回答

material-ui 版本 1-4 在 @material/core 下的 NPM 上可用，版本>4 在 @mui/material 下可用。相同的库，但他们在第 5 版中更改了名称。

根据最近的推文，Material ui 已升级到 V5：https : //twitter.com/MaterialUI/status/1438518915236126723? s =20

在此处输入图片说明

自 2021 年 9 月 16 日起，Material-UI 更名为 MUI，以将公司与 Google 区分开来。他们在博客上说：

我们正在打破与 Material Design 的紧密联系，因为我们看到太多人将 Material-UI 与 Google 混淆，或者将其视为 Material Design 的同义词。

博客文章在这里：https : //mui.com/blog/material-ui-is-now-mui/

从5.0版本存储下的包@mui，你可以在文档中，你必须使用npm install @mui/material替代@material-ui/core。

其它你可能感兴趣的问题
上一篇将 react-route 链接集成到 Material UI 列表中 下一篇使用通过 react、redux 和 react-redux 完成的组件并在 react 应用程序中使用 webpack 构建时出错