React-Grid-layout 在点击时抖了一下

Question

我正在 React.js 中使用 React-grid-layout。 当我点击可拖动的图块时，它会晃动一点，当我点击图块上的任何子按钮时也会发生同样的情况。 我怎样才能停止这种不稳定的行为？

这里，Set Alarm 是一个按钮，当我点击它时，相应的图块会晃动（在其位置上向下和向后移动一点）。

谢谢！

Answer 1

我在每块瓷砖上添加了边距，这不知何故使瓷砖摇晃。删除 css class 的边距后，问题已解决。

注意，React-grid-layout 提供了一个特殊的 margin 属性来添加 tiles 之间的边距。

希望这个回答对以后的人有所帮助！ 美好的一天。