React-表tr和td单击事件

Question

我有一个表组件，该组件在行和数据单元格上具有单击事件，但是仅触发该行的事件。是否有“反应”方式来确保将触发单元格单击事件？

编辑-这是一个代码示例

<table>
  <thead>
    <th>Header item</th>
  </thead>
  <tbody>
    {this.state.filteredGiftCards &&
      this.state.filteredGiftCards.map(item => (
        <tr onClick={() => this.onClick}>
          <td>
            <Button className={styles.btn} onClick={this.onDelete}>
              <Delete className={styles.icon} />
            </Button>
          </td>
        </tr>
      ))}
  </tbody>
</table>