当 Material Ui 网格包裹在 div 元素中时布局中断

IT技术 javascript css reactjs material-ui grid
2021-05-11 08:34:52

我使用 Material UiGrid元素构建了响应式仪表板。以及包装在div元素中的网格项目之一，这打破了布局。

这是带有div元素的游乐场- https://codesandbox.io/s/basicgrid-material-demo-forked-pkkil?file=/demo.js

这是没有div元素的操场，这应该是 div - https://codesandbox.io/s/b1wsf?file=/demo.js

div 元素不能被替换或删除...

有什么建议？

1个回答

MuiGrid组件的设计方式Grid container应该始终是Grid itemprop 的父级。Grid container克隆Grid item并传递给它额外的配置它不是基于react上下文。

让这个工作正常的唯一方法是删除 div。

或者为此提供自定义 css 样式以模拟网格间距。

其它你可能感兴趣的问题
上一篇如何从自定义（非 crud、自定义数据）json 显示自定义页面 下一篇如何使用另一个数据数组按 id 或名称过滤数据数组以显示在 React Table 中？