实施Google Material Design的React组件。 http://material-ui.com
我想将MUI与preact一起使用，但预先反应不支持MUI。 我使用了一个称为preact-mui的软件包，但它的日期也不正常。 在那里...
左侧 我有： <... <div style={{ flexGrow: 1 }}> <Grid container spacing={0} style={{ width: '100%' }}> <Grid item xs={12} sm={6}> Left Side </Grid> <Grid item xs={12} sm={6}> right Side </Grid> </Grid> </div> 您可以看到生成的样式只是MuiGrid-item，而没有大小的参考。我在做什么错？ 我将您的代码复制到代码sandbox，那里的一切都很好。 屏幕截图是： 您可以看到，一切都像魅力一样工作 我在您的问题中提到的唯一一件事是，在您提供的屏幕截图中，您已经在容器上应用了background: red;风格，但是您已插入的代码中没有这样的样式属性。 也许您没有连接到开发服务器，并且正在查看一个缓存的版本，这可能是由您的PWA.中的服务工作人员引起的。 IT建议您不要在开发环境中启用离线服务工作者，因为使用以前使用的资产时会导致沮丧，并且不包括您本地进行的最新更改。 如果您可以在问题中提供更多细节，那就太好了。 !!您没有做错任何事情，您可以在这里观看您的代码，并且可以使用Https：//codesandbox.io/s/zealy-montalcini-x02kg 与您想要的“MuiGrid-grid-xs-12 MuiGrid-grid-sm-6”上课。 您的代码正确 您试过再次将其关闭吗？大声笑 也许您在错误的页面中观看代码，代码的旧版本或类似的内容，也尝试以私有浏览器打开页面并检查是否有效。 还检查您是否使用了材料-UI的最后版本。我的意思是版本接受CSS网格布局（但我认为这在所有版本中都可以检查一下！）。 我希望能为您提供帮助，祝您好运。 如果您将Grid2用作组件，则需要此更改：<Grid2 container spacing={2}> <Grid2 size={{ xs: 6, md: 8 }}> <Item>xs=6 md=8</Item> </Grid2> <Grid2 size={{ xs: 6, md: 4 }}> <Item>xs=6 md=4</Item> </Grid2> <Grid2 size={{ xs: 6, md: 4 }}> <Item>xs=6 md=4</Item> </Grid2> <Grid2 size={{ xs: 6, md: 8 }}> <Item>xs=6 md=8</Item> </Grid2> </Grid2> 最新更新，size = {{xs：6，md：8}}是定义网格大小而不是使用xs = {6} md = {8}的正确方法。此更改可确保您的布局适当适应不同的屏幕尺寸。
IM与MUI-DATATABLE合作，我的表选项包含 选项：{ 搜索：false， Searchopen：是的， ... } 根据文档，“搜索：false”只能隐藏图标以切换s ...
这是我的代码，如何使用我的componentDidmount（）将数据= {data}的muidataTAttion推出。我已经可以从用户集合中获取数据，但是，我不知道A ...
将此错误“ FindDomNode在严格模式中被弃用”。部署我的React项目时失败吗？
即使我要使用此错误，我将部署我的React项目时“ FindDomNode在严格模式中被弃用”。部署期间会失败吗？此错误是由于材料 - UI的持久性博士...
我有一个表可以呈现两个按钮，即删除和编辑行。 在这两个方面，我都需要访问行ID。 我尝试使用customBodyRender，但它不起作用，我只有DatainDex和行...
我只能在单击该行时如何扩展该行？ 我有这张材料表。每次我单击按钮扩展行1时，它也会展开第二行。如何在只有特定行扩展的地方解决此问题？
<Table stickyHeader aria-label="sticky table"> <TableHead> <TableRow hover> <TableCell>Title</TableCell> <TableCell>Created Date</TableCell> </TableRow> </TableHead> <TableBody> {data && data((index) => ( <TableRow hover> <TableCell> <IconButton aria-label="expand row" size="small" onClick={() => setOpen(!open)} > {open ? ( <KeyboardArrowUpIcon /> ) : ( <KeyboardArrowDownIcon /> )} </IconButton> </TableCell> <TableCell component="th" scope="row"> {index.title} </TableCell> <TableCell component="th" scope="row"> {new Date( index.createdDate.seconds * 1000 ).toDateString()} </TableCell> <TableCell colSpan={6}> <Collapse in={open} timeout="auto" unmountOnExit> {index.text} </Collapse> </TableCell> </TableRow> ))} </TableBody> </Table> 在组件中wrapTableRow const Row = ({item}) => { const [open, setOpen] = useState(false); return <TableRow>...</TableRow> } <TableBody> {data.map((item, index) => ( <Row key={index} item={item} /> ))} </TableBody>
输入图像描述在这里 如上图中所示，我想在可与标头的穆德塔上显示它 我尝试了以下代码，但是我没有得到适当的表格，它显示出显示的标题...
获取行数据，但是当我将索引从
我有一个基本上是对象的列，我显示要显示的值，但是对于该列不起作用。 附上一个例子，这样我就可以更好地解释自己。 对于审查...
过滤MUI X Data Grid Pro后，过滤器弹出窗口不会隐藏。 加载结果后，是否有一个配置/方式可以隐藏过滤器菜单？请参阅示例： 导入{datagrid}来自＆qu ...
我想从标题行隐藏复选框。从中可以选择所有行。我只想通过单击每个选项选择多个选项。因此，我想隐藏所有行选择选项。我正在使用mui-
https：//github.com/gregnb/mui-datatables
Mui-dataTables：通过单击“行：显示数据为null
MUI-Datatable