material-ui相关内容
按照设计,单击Material-UI组件(或组件)会导致菜单项出现在覆盖原始Select/TextField元素的位置。 Ten Twenty
..
当前我正在使用以下代码通过JSS向元素添加颜色。 const styleSheet = theme => ({ root: { backgroundColor: theme.colors.red, }, }) 我想知道是否存在根据颜色添加不透明度的函数theme.colors.red。 示例SMT,如: backgroundColor: color(theme.
..
我将使用具有自定义宽度的Dialog的Material-UI示例: const customContentStyle = { width: '100%', maxWidth: 'none', }; // some omitted code
..
我将Material-UIv1.0.0-beta23与redux-form和redux-form-material-ui一起使用。我有一个Field,即类型Number,我想在标记上设置最小值和最大值。我同时尝试了inputProps和min/max,但似乎都没有达到我想要的效果。我看了源代码,没有看到明显的方法来做到这一点。这可能吗?如果可能,如何实现? 这是我的JSX,显示我尝试过的内容
..
我正在尝试使用react-testing-library测试Select component的onChange事件。 我使用工作正常的getByTestId获取元素,然后设置元素的值,然后调用fireEvent.change(select);,但从未调用过onChange,也从未更新过状态。 我既尝试使用选择组件本身,也尝试通过获取对基础input元素的引用,但这两种方法都不起作用。
..
我是MUI的新手,现在我的图标和文本不对齐: 我想要的结果: 我的代码是:
..
我有一张数据表。第一列是一个复选框。我正在尝试创建每个选定行ID的数组。 const [selectedRows, setSelectedRows] = useState([]); const handleCheckbox = (event, row) => { if (event.target.checked === true) { selectedRows
..
我当前使用的是Material-UI数据表,有一个类似于Codesandbox example的搜索例程,该例程仅对Name/Food列进行搜索。 我当前的代码如下: const [filterFn, setFilterFn] = useState({ fn: items => { return items; } }) const handleSearch = e => {
..
我正尝试在reactJS中使用带有MUI的TypeScript,但它一直出现此错误,我已尝试卸载MUI软件包,然后重新安装,但没有任何变化,因此很难判断为什么会发生此错误 TypeError: Cannot read properties of undefined (reading 'primary') 我有此MUI设置 我的主题配置 export type Mode = "
..
我想以不同的方式设置TextFled组件的样式,一旦禁用VARIANT轮廓={TRUE}。 在材质UIv.4中捕捉它的方式在材质UIV.5中不起作用。我也不能在谷歌上搜索如何定制禁用版本的解决方案。 下面您可以看到它是如何在材质ui4中设置样式的,并且它可以工作,而不是不工作。 export const MainTheme: Theme = createTheme({ component
..
想知道是否有人可以安排如何避免这样的情况:使用来自makeStyles的Material-UI classNames的Reaction应用程序,并且包含也执行此操作的包(因此有两个名称生成器),会在既包含应用组件又包含包含包的生产呈现页面中产生多个冲突的.jss1、.jss2等。 我对这两个都有控制权,所以我可以修改它们中的任何一个来添加前缀,但是我完全不清楚应该在哪里将前缀注入到v4 Ma
..
我有一个应用程序,它利用box代替div通常放置在MUI生态系统中的位置。我的问题是,是否有可能为所有盒子组件设置全局主题覆盖,就像如何使用主题提供程序全局覆盖所有卡片的背景色一样。 推荐答案 可以使用createTheme()全局覆盖Card样式,因为Card在使用styled()接口样式时有name和styleOverrides回调。但是,您可以从定义here中看到,Box没有。
..
在MUIDataGrid中,通过checkboxSelection属性添加复选框选择并通过onSelectionChange: 监听选择更改非常容易 console.log(e.row
..
我一直在处理Material-UI,并尝试在整个调色板中使用颜色系统。编译时似乎有一些问题,尽管它在运行时工作得很好。是否有人可以帮助我解决以下错误: 错误: 类型“PaletteColorOptions”上不存在属性“”main“”。 “ 类型“Partial”上不存在属性“Main”。(2339) 这里也有Stackblitz:https://stackblitz.com/
..
我已经使用TypeScript Material UI和Formik设计了一个带有验证功能的表单。我希望在我的文本字段区域中出现一个材料UI图标,下面是我的代码: import React from 'react' import { Formik, Form, FieldAttributes,useField} from 'formik' import { TextField } from
..
这是我的组件 import React from 'react'; import { withStyles } from '@material-ui/core/styles'; import Button from '@material-ui/core/Button'; const styles = theme => ({ button: { backg
..
我面临的问题是MUI主题在codesandbox中工作,而不是在故事书中工作 演示它在没有故事书的情况下工作: https://codesandbox.io/s/typescript-material-ui-textfield-ojk3h?file=/src/App.tsx 演示它与故事书分道扬镳 Git回购:https://github.com/EdmundMai/mui-v5-storyb
..
我尝试使用ImageList组件而不是Grid,因为我只需要一个带有标题的照片网格,这似乎就是ImageList的全部意义所在。我的问题是,与网格不同,我不能为不同的屏幕大小传递breakpoint道具(我觉得这很奇怪,因为这似乎合乎逻辑),这样我就可以在不同的屏幕上获得不同的列数。根据屏幕大小调整列数的最佳方法是什么? 推荐答案 ImageList使用CSS grid,需要col道具
..
我无法将图标添加到组件。 https://codesandbox.io/s/materialuipickers-material-demo-forked-soctc 推荐答案 components的属性允许您覆盖包括OpenPickerIcon在内的内部组件,因此这就是覆盖它的方式。参考DatePickerhere的完整接口: import AccessibleIcon f
..
我可以使用@material-ui/iconsSVG图像作为其他元素的背景吗?已尝试以下代码,但不起作用。 import CarIcon from '@material-ui/icons/DriveEtaRounded'; const carIcon = function Cover(){ return (
..