React Drag＆amp;删除当前组件上下文

Question

任何与React Drag＆amp;放弃，需要帮助！

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

我需要知道是否有办法调用Dustbin中定义的方法而不是通过道具传递。

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

Answer 1

是的，要删除的第三个参数是'component'（参见这里：http://react-dnd.github.io/react-dnd/docs-drop-target.html），这是被放入的实际组件。所以你可以这样做：

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

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