React-Beautiful-DnD 拖动行为很奇怪

时间:2021-02-05 06:00:55

标签: reactjs react-beautiful-dnd

我希望拖动的项目应该与上面的问题框对齐。 like this

但相反,在拖动它时thisresult 工作正常,但拖动行为有点奇怪。

例如,我一直在做一些挖掘,发现当“答案 1”被拖到“答案 4”或任何其他答案上时,被覆盖的答案将附加一个 transform: translate ({width}, 0px)

Like this

发生这种情况的原因是因为我在每个块之间定义了 50px 的间隙,并且转换值仅采用 200px 的宽度(这是答案块的宽度)。 这里的解决方案是使变换宽度+ 50px。但似乎我找不到任何方法来访问和更改该附加值。有什么解决办法吗?

这是我的演示:https://codesandbox.io/s/horizontal-list-forked-8c7zl

0 个答案:

没有答案