jquery - onDragEnd 事件未在反应漂亮的 dnd 中触发
问题描述
下面是我的代码,onDragEnd 事件没有触发
<DragDropContext onDragEnd={this.onDragEnd}>
<Droppable droppableId="droppable">
{(dropProvided: any, snapshot: any) => (
<div
ref={dropProvided.innerRef}
{...dropProvided.draggableProps}
style={getListStyle(snapshot.isDraggingOver)}
>
{formOrderItems!.map((item, index) => (
<Draggable key={item.id} draggableId={item.id} index={index}>
{(provided: any, snapshot: any) => (
<div>
<div
ref={provided.innerRef}
style={getItemStyle(provided.draggableStyle, snapshot.isDragging)}
{...provided.dragHandleProps}
>
{item.name}
</div>
{provided.placeholder}
</div>
)}
</Draggable>
))}
</div>
我在这里做错了什么。onDragEnd 事件未触发,
我在这里缺少的,下面是 onDragEnd 事件的代码片段
class TestOrderInternal extends React.Component<TestOrderInternalProps, {}> {
constructor(props: TestOrderInternalProps) {
super(props);
}
public onDragEnd = (result: any) => {
// dropped outside the list
if (!result.destination) {
return;
}
......
};
解决方案
推荐阅读
- sql - 从 cocroachdb 到 postgresql 的数据迁移
- java - 使用相机单击图片后,我的照片编辑应用程序崩溃
- c# - EasyNetQ 中的自动订阅者不起作用 - RabbitMQ .NET
- typescript - 如何在 Typescript 中深度扁平化界面?
- javascript - 更改 config.js 文件中的值
- xml - 如何使用 simplexml 获取子节点数据
- javascript - Svelte:如何从文件中导入所有商店而不列出所有商店?
- django - Django 上传文件夹始终为空(此字段为必填问题)
- python - 在请求 Python 中使用图像
- javascript - 具有两个功能的 Django 应用程序按钮