材质UI网格拖放

Question

我想将我的Material-Ui网格转换为拖放网格。我已经尝试过使用react-grid-layout包进行转换，但结果却很奇怪。使Material Ui网格可拖放的简单方法是什么。

我的网格看起来像这样：

<Grid
   container
   spacing={2}
   direction="row"
   justify="flex-start"
   alignItems="flex-start"
  >
    { widgets.map(elem => (
      <Grid item xs={12} sm={6} md={3} key={widgets.indexOf(elem)}>
         { elem }
      </Grid>
    ))}
</Grid>

Answer 1

与您有相同的react-grid-layout问题。解决方法是使用相对位置的div包裹网格

        <div style={{position: "relative"}}>
            <ResponsiveReactGridLayout
        </div>