material-ui 相关问题

实施Google Material Design的React组件。 http://material-ui.com

如何让Material UI的styled() svg图标接受svg图标作为react组件？

我有以下代码当前正在运行，但问题是我使用“any”作为道具的类型。在重构到 MUI v5 之前，这种方法没有任何问题。乌西...

reactjs typescript material-ui

回答 2 投票 0

MUI 文本字段标签和默认值叠加

我刚刚使用 MUI、react-hook-form 和是的创建了一个新项目我有一个登录页面，其中有一个我无法弄清楚的 UI 错误。当我加载页面时，默认值由浏览器正确完成...

reactjs material-ui react-hook-form yup

回答 3 投票 0

如何更改 Material UI 警报组件的类型？

我对 Typescript 比较陌生，我使用 React Context 创建了一个小吃栏组件，当我尝试设置警报严重性时，我收到此错误“类型‘字符串’不可分配给类型‘

javascript reactjs typescript types material-ui

回答 4 投票 0

扩展面板图标转换（Mat. UI）

https://codesandbox.io/s/yp9lmvwo1x 在这个沙箱中，您可以看到图标是一个箭头，并且旋转过渡非常好。然而，我使用 + x 作为图标，并且我需要 45 度旋转...

reactjs material-ui

回答 2 投票 0

如何在带有 MUI 的 React 应用程序中动态加载和应用来自服务器（自托管）的字体

我正在使用 MUI 库开发 React 应用程序，并面临动态设置字体系列的问题。目标是允许用户从配置器中选择字体，其中字体是

javascript reactjs material-ui fonts typography

回答 1 投票 0

如何使用 mui styled() 将样式应用到 NavLink 元素的活动链接？

我有一个 NavLink 包装组件。我想在该组件激活时为其添加 .active 样式，但我不知道如何使用 styled() 来完成它。如何才能实现这一目标？这是我的...

javascript reactjs material-ui react-router react-router-dom

回答 2 投票 0

如何使用 MUI v5 - RichTreeView 公开自定义 Item 属性？

是否有任何方法可以公开与自定义 TreeItem 内的 MUI - RichTreeView 异步接收的自定义项属性？比如如何获取customProperty1 & customProp...

javascript material-ui treeview

回答 1 投票 0

包装 Material-UI 按钮后键入脚本错误 - 错误：键入 '{children: string;颜色：“浅绿色”； }' 缺少以下属性

我正在尝试在next14中创建基于MUI（@material-tailwind/react）的包装组件，但我在MaterialButton组件中遇到打字稿错误输入 '{ 孩子：字符串；颜色：&q...

reactjs typescript next.js material-ui

回答 1 投票 0

如何提取MUI数据网格列中的公共属性？

我正在开发 ReactJS Typescript 应用程序并使用 MUI 作为组件库。我需要创建一个功能齐全的 CRUD 数据网格（如 MUI 数据网格组件）。在示例中，大部分列...

reactjs typescript material-ui mui-datatable

回答 1 投票 0

React Hook Form - 当状态脏时值属性消失了

我正在使用react-hook-form来管理表单状态。但是当我开始在文本字段中输入时，devtool 中显示的 value 属性消失了。用户界面初始状态。如上面的截图所示，va...

reactjs forms material-ui react-hook-form react-forms

回答 1 投票 0

将带有 Material UI 的 React.js 应用程序迁移到 Next.js 以进行服务器端渲染：Tailwind CSS vs Material UI vs Chakra UI

我目前有一个使用 Material UI 组件的 React.js 应用程序，并且正在将其迁移到 Next.js 以实现服务器端渲染 (SSR)。除了这次迁移，我也

css reactjs next.js material-ui frontend

回答 1 投票 0

为什么我在 next.js 中使用 Material Badge 时出现错误

为什么我在 next.js 项目中使用 Material Badge 时出现错误？在此输入图像描述这是我的标记和代码：为什么我在 next.js 项目中使用 Material Badge 时遇到错误？这是我的标记和代码： <div className="py-1" key={keys}> <Badge badgeContent={pathname == item?.link ? 0 : item?.badgeContent} color="primary"> <div className={`link ${pathname == item?.link && 'active'}`}> <Link href={item?.link} className='d-flex align-items-center justify-content-center'> {item?.icon} </Link> </div> </Badge> </div> 这是在服务器组件中导入的客户端组件吗？它说标记不匹配。看起来客户端的标记正在改变。您可以尝试将此组件定义为客户端组件（在顶部具有“使用客户端”的单独文件中）并使用动态导入将其导入到您的服务器组件中。顺便说一句，您可以查看 Next.js Full Stack Kit 这是一个 Next.js 模板，具有大量预构建的功能和出色的模式，是一个值得学习的资源。

next.js material-ui next.js14

回答 1 投票 0

如何使用MUI v5（情感）实现CSS关键帧？

我正在尝试在我的 React 应用程序中使用关键帧实现一些旋转文本（如轮播）。我正在使用 MUI v5 和 @emotion 基本上，我希望我的“盒子”每个 x

javascript css reactjs material-ui emotion

回答 1 投票 0

MaterialUI TextField：更改背景颜色无法按预期工作

我正在尝试在我正在开发的应用程序中设置 TextField 组件的背景颜色，但是似乎当我添加 style={{background: "rgb(232, 241, 250)"}} 到该组件...

css reactjs material-ui styling css-in-js

回答 2 投票 0

React Material UI 自动完成

当我使用自动完成时，它没有在建议的下拉列表中显示正确的项目列表，它显示的值与我的值匹配，其他值还有一些特定的字符串。例如，如果我