Material 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>

- asa

---

我广泛使用react-grid-layout，并且没有任何问题。你说它会产生奇怪的结果是什么意思？ - minus.273

我拿起卡片时，我的卡片和鼠标指针之间存在偏移量。就像这个问题一样，但是目前还没有答案：https://github.com/STRML/react-grid-layout/issues/720 - asa

16.11版本。我真的想要实现一个带有拖放功能的React网格。 - asa

它不会改变任何东西。 - asa

你能提供一个使用你的解决方案的沙盒吗？ - minus.273

Answer 1

我和你一样，在使用react-grid-layout时遇到了同样的问题。解决方法是将网格包装在一个相对定位的div中。

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

- Andrey