material-ui 相关问题

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

更改 CircularProgress 的颜色和位置?

我正在尝试使用Material提供的CircularProgress。 我创建这个组件是为了改变它的颜色: 从 'react' 导入 React, { Component }; 从 '@material-ui/... 导入 { withStyles }

回答 5 投票 0

如何更改 Mui DataGrid 工具栏颜色?

这是我的 Mui dataGrid 自定义工具栏 函数自定义工具栏() { 返回 ( ...

回答 3 投票 0

为什么我的 React/Javascript 事件不起作用?

我正在编写一个带有任务显示页面的自动化即服务前端(开源)。我已经对其进行了所有常见的调试,并发现问题似乎出在 onChange 处理程序 j...

回答 1 投票 0

在 Material UI 菜单组件中禁用“通过键入选择”

我正在尝试制作一个弹出菜单,其中有几个不同的过滤器(按钮、选择和文本字段)。我正在使用 Material UI 菜单组件,但在尝试使用...

回答 2 投票 0

样式不会通过主题追加

我做了一些研究并尝试让主题在 React v18 中工作。我以为我现在已经正确完成了,没有错误,但它不会向我的按钮附加任何样式。 它构建,没有错误......

回答 2 投票 0

onExit 不适用于材质 ui 转换

我有一个小吃栏组件: consthandleExited = () => { console.log('退出'); }; const SlideTransition = (道具) => { 返回 我有一个小吃栏组件: const handleExited = () => { console.log('exit'); }; const slideTransition = (props) => { return <Slide {...props} direction='right' onEntered={handleExited} onExited={handleExited} />; }; return ( <div> <Snackbar open={open} autoHideDuration={3000} onClose={handleClose} TransitionComponent={slideTransition} > <div> <AlertWrapper severity={snackbarVar()[0]?.severity}> {snackbarVar()[0]?.message} </AlertWrapper> </div> </Snackbar> </div> ); 当应用程序上显示小吃栏时,会通过 handleExited 调用 onEntered 方法,但是当小吃栏被移除时,不会通过 handExited 调用 onExited 方法。 为什么 onEntered 有效,而 onExited 不起作用? 删除 TransitionComponent 并添加 TransitionProps。 <Snackbar TransitionProps={{ onEntered: handleExited, onExited: handleExited }} > 虽然 @Hamidreza 的回答让我走上了正轨,但 TransitionProps 在 MUI 7 中已被弃用,取而代之的是 slotProps.transition,因此请使用此表单: <Snackbar slotProps={{transition: { onEntered: handleExited, onExited: handleExited }}} >

回答 2 投票 0

MUI Toolpad 核心仪表板布局内容无法填满所有可用空间

我在前端使用 MUI Toolpad 核心仪表板布局,但我无法充分利用内容方面的所有可用空间。 我在这里使用教程中的演示代码: 呃...

回答 1 投票 0

Angular - 对 FormArray 进行排序

Angular 新手。我有一个输入类 Foo,其中有一个书籍列表,其中 Book 类具有 Id、Title 和 Description 属性。我将其显示在带有输入的表格中,以便用户可以添加、编辑或删除...

回答 1 投票 0

将鼠标悬停在文本字段上如何删除黑色边框

当我们想要将鼠标悬停在文本字段上时,文本字段中出现一些黑色边框,如何解决这个问题 从“react”导入 React, { useState }; 从 '@mui/material/TextFi... 导入 TextField...

回答 3 投票 0

我的单选按钮未按预期工作

我有一个表单组件,它利用react-hook-form来处理表单提交。但是,我的MUI Radio组没有按照预期正确设置值。我有两个单选选项,Male和

回答 1 投票 0

无法在 TextField Material UI 中输入浮点值

网上很多建议都说使用带有step属性的inputProps,但问题是它会被弃用。 我尝试过在 inputProps 之外使用 step 属性,但它不起作用...

回答 1 投票 0

警告:无效的挂钩调用。钩子只能在 @material-tailwind_react.js?v=25ac0a9e:144

嗨,我正在尝试在我的 vite-react 应用程序中使用材料顺风组件。 我在 webstorm ide 中工作。 我按照顺风安装提供的所有步骤进行操作: 安装顺风 npm install -D

回答 1 投票 0

如何禁用 Material ui 模态上的背景?

如何使用material ui 模态组件并仍然可以访问模态显示内容背后的背景?这可能吗?我知道你可以用

回答 2 投票 0

mui 图标可以改变描边宽度吗?

我想自定义@mui/material 附带的图标。具体来说,是空的复选框图标(以及空的单选按钮)。我想让笔画变细。我尝试过设置行程-

回答 4 投票 0

样式材质反应选项卡以删除底部边框

我正在尝试设置材质选项卡的样式,我可以通过创建主题并覆盖默认值来做到这一点 穆伊标签:{ 样式覆盖:{ 根: { textTransform: '大写', // 设置

回答 1 投票 0

警告:失败的道具类型:提供给“ForwardRef(Select)”的道具“children”无效,需要一个 ReactNode

如果变量为 true,我正在尝试渲染某些输入,但是当组件渲染显示警告时警告:失败的道具类型:无效的道具“children”提供给“ForwardRef(Select)”,exp...

回答 3 投票 0

响应式轮播React材料-ui

我正在尝试使用 React Material-ui 构建一个音乐巡演网站。 我希望该网站看起来像这样:https://www.oddfantastic.com/ 我是 React 新手,在查看了库后发现...

回答 5 投票 0

MUI 5/6 边框半径在默认设置和与 theme.shape.borderRadius 一起使用时是不同的

我在我的网站上使用 Mui,在构建主题时,我将边框半径设置为 { 调色板:..., 阴影:..., 排版:..., 形状: { 边框半径:3, }, } 不...

回答 1 投票 0

如何获取所有 Material UI 颜色选项作为类型?

我希望使用 MaterialUI 创建一个颜色选择器,类似于本页上的颜色选择器: https://mui.com/material-ui/customization/color/ 我正在使用打字稿,并希望有某种内置地图......

回答 1 投票 0

为什么 Tailwind CSS 类不能与 Material UI 一起使用 <Button>?

我正在尝试制作一个带有 Material UI 图标的圆形按钮,但我的各种努力都未能产生所需的形状。我正在为我的项目创建一个 React.js 组件。 这里有不同...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.