jquery - onDragEnd 事件未在反应漂亮的 dnd 中触发

Question

下面是我的代码，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;
}
......
  };