Javascript 将动态参数传递给事件处理程序

Javascript 将动态参数传递给事件处理程序,javascript,reactjs,Javascript,Reactjs,嗨,我想把动态参数传递给click处理程序。ClassResult进行ajax调用并获得结果数组,下面我将道具传递给另一个组件StudentResult。现在我想在click事件处理程序中获得这些道具 代码: 问题在于在构造函数中绑定displayDetailResult的方式 你已经写信了 this.displayDetailResult = this.displayDetailResult.bind(this, schoolid, regno); henere schoolid和regno

嗨,我想把动态参数传递给click处理程序。ClassResult进行ajax调用并获得结果数组,下面我将道具传递给另一个组件StudentResult。现在我想在click事件处理程序中获得这些道具

代码:
问题在于在构造函数中绑定displayDetailResult的方式

你已经写信了

this.displayDetailResult = this.displayDetailResult.bind(this, schoolid, regno);
henere schoolid和regno不可用

你只需要写

this.displayDetailResult = this.displayDetailResult.bind(this);

就像

<tr className={this.state.fail} onClick={this.displayDetailResult}>

只是一个建议。在渲染方法中设置状态是一个很大的错误。导致无限循环。
<tr className={this.state.fail} onClick={this.displayDetailResult}>
displayDetailResult(e){
     console.log(this.props.schoolid, this.props.regno)
   }