reactjs - react-dnd 无法拖动元素

Question

我有一个反应拖放前端到棋盘游戏。而且我发现在某些情况下，我无法拖动我期望可以拖动的部分。

我已经能够通过对 react-dnd Chessboard 示例进行细微调整来重现类似的情况，如下所示。

我克隆了最新的 react-dnd 存储库，并确保 Chessboard 示例中的骑士可以按预期移动。然后我编辑了示例的 BoardSquare.js 文件，让 canDrop 始终返回 true：

const squareTarget = {
    canDrop(props) {
    return true;
    // return canMoveKnight(props.x, props.y);
},

现在，当我打开应用程序时，我无法拖动骑士。我不确定为什么更宽松的放置策略会导致无法拖动。

关于这里发生的事情以及如何解决我的问题的任何想法？

提前谢谢了。

阿扎德

PS 在 MAC OS/X 上使用 Chrome 58。