Javascript 反应材质UI网格列表级联布局
是否可以在类似pinterest的级联布局中使用React Material UI库的Javascript 反应材质UI网格列表级联布局,javascript,css,reactjs,material-ui,Javascript,Css,Reactjs,Material Ui,是否可以在类似pinterest的级联布局中使用React Material UI库的GridList组件 我使用材质UI卡组件作为网格列表的子项: const cards = props.items.map((item) => <Card key={item.id} {...item} />); return ( <GridList cols={3} cellHeight={'auto'}> {React.Childre
GridList
组件
我使用材质UI卡
组件作为网格列表
的子项:
const cards = props.items.map((item) => <Card key={item.id} {...item} />);
return (
<GridList cols={3} cellHeight={'auto'}>
{React.Children.toArray(cards)}
</GridList>
);
const cards=props.items.map((item)=>);
返回(
{React.Children.toArray(卡片)}
);
结果如下:
我想消除红色圆圈中的空白。任何帮助都将不胜感激 CSS等效于您想要的是将
弹性方向
设置为列
,而不是行
,但是
我会尝试使用不同的容器对象,或者自己构建一些东西,因为Pinterest样式的布局在确定下一个要渲染的元素的位置时需要一些更复杂的逻辑