Я использую тему Crystal Dashboard вactjs, создал таблицу с действиями для редактирования данных этой строки, вызвав службу.но когда я нажимаю, я каждый раз получаю последние данные.Вот мой фрагмент кода
<table className="table table-hover table-striped">
<thead>
<tr>
<th>ID</th>
<th>Name</th>
<th>Description</th>
<th>Status</th>
<th className="text-right">Actions</th>
</tr>
</thead>
<tbody>
{items.map(item => (
<tr key={item.industry_Id}>
<td>{item.industry_Id}</td>
<td>{item.industry_Name}</td>
<td>{item.industry_Description}</td>
<td>{item.active_flag == "1" ? "Active" : "Inactive"}</td>
<td className="text-right">
<a rel="tooltip" id={item.industry_Id}
className="btn btn-info btn-simple btn-xs"
data-original-title="View Profile"
onClick={() => this.setState({ showDelWin: true })}>
<i className="fa fa-remove"></i>
</a>
<Alert
title={item.industry_Name}
show={this.state.showDelWin}
// showCancelButton={true}
showConfirmButton={true}
confirmButtonText="Confirm"
text="Do you wish to delete the industry"
onConfirm={() => this.deleteItem(item)}
onOutsideClick={() => this.setState({ showDelWin: false
})}
onEscapeKey={() => this.setState({ showDelWin: false
})} />
</td>
</tr>
))}
</tbody>
</table>
Когда я нажимаю на кнопку действия 2-й строки, отображаются только данные последней строки
Может кто-нибудь помочь, пожалуйста