为onClick事件列出的函数在ReactJS上加载时触发

我有一个组件正在接收记录列表作为道具。我试图向onClick事件中添加一个函数，但是在click事件中执行的代码集将在组件加载后立即启动。在本例中，我指的是processM函数。我是ReactJS的新手，非常感谢您的帮助

var TempJobTaskActions=React.createClass({
processM:函数（url）{
log（'in processMove:'，url）；
$.ajax({
键入：“GET”，
url:url，
成功：功能（数据）{
}
});
},
render:function（）{
var-action=null；
var downUrl='../MoveDown？id='+this.props.tid；
var upUrl='../MoveUp？id='+this.props.tid；
如果（this.props.position==“solo”）{
行动=（）；
}
如果（this.props.position==“first”）{
行动=（）；
}
如果（this.props.position==“last”）{
行动=（）；
}
if（this.props.position==“middle”）{
行动=(
);
}	
返回(
{action}
);
}
});

此.processM（upUrl）

将调用该函数。要发送变量，您应该这样绑定

this.processM.bind（this，upUrl）

尝试重新编写呼叫：

---

或者，您可以只进行onclick{this.processM}并设置一个数据属性。因此，data upurl={upurl}并在函数内部使用event.target.dataset.upurl获取它

onClick={() => {
  this.processM(downUrl);
}}