React.js：从图标组件获取价值不一致

Question

表组件呈现我想绑定到映射的couponId的垃圾桶图标，以通过以下方式发布删除请求：

  <FaTrashAlt
    value={record.couponId}
    onClick={e => {
      console.log(e.target.getAttribute('value'), `=====e.target.getAttribute('value')=====`);
    }}
  />

该表的第一行显示couponId，如下所示。单击上面的命令确实可以在10％的时间内工作，但大多数情况下它返回null：

单击相同的删除图标会迅速降低记录值的机会，因此我认为此处存在某种异步问题。

将值绑定到图标或图像并将其传递给onClick处理程序的更可靠的方法是什么？