@material-ui/core 和 @mui/material 有什么区别?

CCC*_*CCC 49 reactjs material-ui

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

但我发现如果我使用@material-ui/core@mui/materialTextfield,UI 不起作用,问题如下所述

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

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

如果我的 package.json 中同时包含@material-ui/core和,并且我将 和都包含在 中,是否会出现任何导致 UI 混乱的冲突@mui/materialscriptstylesheetindex.html

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

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

在我的项目中, overflow: hidden; padding: 15px已添加到正文中,但我检查过我对此什么也没做! 在此输入图像描述

小智 37

Material UI v1、v3 和 v4 可在 npm 下找到@material-ui/core

Material UI v5 及更高版本可在 npm 下找到@mui/material

这是同一个库,但他们在版本 5 中更改了 npm 包名称。


小智 14

自 2021 年 9 月 16 日起,Material UI 背后的组织更名为 MUI,以区别于 Google。他们在博客上说:

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

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

不过,开源项目的名称没有改变。它仍然被称为 Material UI。

从版本 5 开始,软件包存储@mui/material在文档中,您必须npm install @mui/material使用@material-ui/core.


mon*_*lIT 9

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

在此输入图像描述