Twitter bootstrap 如何在单击编辑图标时获取特定行数据？

嗨，我使用的是引导表，用来显示一些数据

例如：

单击“编辑”图标时如何获取特定行数据

代码：

<table className="table table-striped table-custom">
    <thead>
    <tr>
        <td style={tableStyle}>Date</td>
        <td style={tableStyle}>Bill No</td>
        <td style={tableStyle}>Amount</td>
        <td style={tableStyle}>Edit</td>
        <td style={tableStyle}>Delete</td>
    </tr>
    </thead>
    <tbody>

    {this.state.customerIndividual.map(para => {
        return <tr key={para.id}>
            <td>{para.date}</td>
            <td>{para.billNo}</td>
            <td>{para.amount}</td>
            <td>
                <button className="btn btn-primary btn-xs" onClick={this.editMode} data-title="Edit" data-toggle="modal" data-target="#edit">
                    <span className="glyphicon glyphicon-pencil"></span>
                </button>
            </td>
            <td>
                <button className="btn btn-danger btn-xs" onClick={this.editMode} data-title="Delete" data-toggle="modal" data-target="#delete">
                    <span className="glyphicon glyphicon-trash"></span>
                </button>
            </td>
        </tr>
    })}

    </tbody>
</table>

日期
账单号
数量
编辑
删除
{this.state.customerIndividual.map（第=>{
返回
{第段日期}
{para.billNo}
{第段金额}
})}

使用

onClick

功能绑定每行的一些唯一标识符，每当您单击编辑按钮时，您将获得该值，使用该值从状态数组中获取数据

可以用作唯一标识符的值

索引、id、金额、日期等

这样写：

{this.state.customerIndividual.map((para, i) => {
    return <tr key={para.id}>
        <td>{para.date}</td><td>{para.billNo}</td><td>{para.amount}</td>
        <td><button onClick={this.editMode.bind(this, i)} ..... </button></td>
        <td><button onClick={this.editMode.bind(this, i)} ..... </button></td>
    </tr>;
})}

editMode(index, event){
    console.log('item index = ', index);
    //data = this.state.customerIndividual[index];
}

---

嗨，谢谢你，但我怀疑我怎样才能在函数中得到它？editMode=（e）=>{e.preventDefault（）；}//此处现在不需要带editMode的arrow函数，因为我将其内联绑定，请检查答案使用我建议的

editMode

函数：）