Question

以下是我的代码段

 const slipSource = {
    endDrag(props, monitor) {
       const item = monitor.getItem();
       const dropResult = monitor.getDropResult();
       this.props.updateSelections(selections)
  }
 };
 const mapDispatchToProps = (dispatch) => {
      return {
          updateSelections: (selections) => {
          dispatch(updateSelections(selections)) }
      }
 }

这个代码我在slipSource obj里面调用updateSelections（）方法。但是我的方法没有引用＆＃34;这个＆＃34;在obj中，导致endDrag（）函数在obj上下文中。

如何获得＆＃34;这个＆＃34;在endDrag（）函数内部。

Answer 1

endDrag(props, monitor, component){}

component参数的行为为this，因此component.props应与this.props相同。

来自docs：http://gaearon.github.io/react-dnd/docs-drag-source.html

组件参数的示例代码：https://github.com/gaearon/react-dnd/blob/master/examples/03%20Nesting/Drop%20Targets/Dustbin.js

drop(props, monitor, component) {
    ...
    component.setState({
      ...
    });
  }

传递此内部对象的引用反应+ redux

1 个答案: