在jsx中遍历时,有时会往事件回调函数中传递遍历的参数,如以下场景;此时需要用到jsx中传递参数的方法。
//举例
const jobs=[1,2,3,4...]
return (
{
jobs.map((item, index) => {
return (
<tr key={index}>
<td>{item.position}</td>
<td>{item.depart}</td>
<td>{item.date}</td>
//往事件回调函数中传递参数的方法:先定义一个匿名函数,在函数中调用处理的函数并传入数据
<td><input type="submit" onClick={() => this.jobsDelete(item._id)} value="删除" /></td>
//不可以用以下方式,否则会在渲染时直接调用
<td><input type="submit" onClick={this.jobsDelete(item._id)} value="删除" /></td>
</tr>
)
})
在非受控组件读取表单输入框中的数据时,实际上也是采用了该方法