我一直在尝试使用react-beautiful-dnd库实现拖放功能。
我正在从redux的初始状态显示一些按钮，并尝试使这些项目可拖动。
但是，由于某些原因，在尝试移动按钮元素时，控制台出现错误，提示“无法找到ID为：的可拖动元素”。这是我第一次尝试实现此类功能，但不确定在哪里做错了。我知道[RegularExpression(@"^((?!Forbidden value).)*$", ErrorMessage = "Characters are not allowed.")]
public string Title { get; set; }
包装器应该有一个Droppable，但是基于状态数据的结构，如何传递ID？
这是我经过修改以使用拖放逻辑的ListItems组件：
droppableId，然后在App组件中使用ListItems组件。
有关完整演示的信息，请参见沙箱链接：
https://codesandbox.io/s/adoring-jones-roswh?file=/src/components/ListItems.js:0-1298
因此，我解决了这个问题，并且draggbale正在相应地工作。但是，现在的问题是我无法通过单击或选择按钮元素来移动项目，而需要从右侧拖动按钮。可能是因为包装按钮的div元素正在处理拖动。任何使按钮可拖动的修复都很好。.