reactjs - React 拖放当前组件上下文

Question

任何使用过 React Drag & Drop 的人，都需要帮助！

在第 20 行的这个示例（https://github.com/react-dnd/react-dnd/blob/master/examples/01%20Dustbin/Multiple%20Targets/Dustbin.js#L20）中，有props.onDrop(monitor.getItem());这段代码通过调用onDrop传递给组件的函数。Dustbinprops

我需要知道是否有一种方法可以调用内部定义的方法，Dustbin而不是通过道具传递。

例如：this.onDrop(monitor.getItem());或currentComponent.onDrop(monitor.getItem());

Answer 1

是的，drop 的第三个参数是“组件”（请参见此处：http ://react-dnd.github.io/react-dnd/docs-drop-target.html ），它是被删除的实际组件进入。因此，您可以执行以下操作：

const dustbinTarget = {
  drop(props, monitor, component) {
    component.onDrop(monitor.getItem());
  },
};

此参数可用于除 canDrop 之外的所有放置目标方法，因为实例在调用时可能不可用。