我正在尝试将参数和事件都传递给 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}
/>
我希望该函数与事件数据一起返回。