0

我正在尝试将参数和事件都传递给 React 中的外部函数。

如果我这样调用它,

 cell={ function (e){
                return CellWithEditing(x,y,z)
              }

它找不到“这个”并说未定义的道具。由于这是一个外部函数,我什至无法绑定它。

此代码在没有事件的情况下有效 -

 <GridColumn
          title="Manage"
          width="190px"
          minResizableWidth={170}
          cell={ CellWithEditing(
              this.props.config.title,
              this.props.manageGrid.edit,
              this.props.manageGrid.remove,
              this.props.manageGrid.addUsers,
              this.props.permission
            );
          }
          sortable={false}
          filterCell={this.emptyCell}
        />

调用默认类之外的函数 -

function CellWithEditing(x, y, event) {
  return class extends GridCell {
    constructor(props) {
      super(props);
      this.core = this.props.args;
    }

    render() {
      return (
       <h1>Sample Data</h1>
      );
    }
  };
}

当我使用箭头功能时,此代码不起作用 -

 <GridColumn
          title="Manage"
          width="190px"
          minResizableWidth={170}
          cell={ 
              (e)=>{
              CellWithEditing(
              this.props.config.title,
              this.props.manageGrid.edit,
              e)
             }
        }
          sortable={false}
          filterCell={this.emptyCell}
     />

我希望该函数与事件数据一起返回。

4

0 回答 0