javascript - 在 React 中添加没有状态的类？

Question

我有一个带有表(行数可变)的 React 应用程序。我希望能够单击表格的一个单元格中的链接或按钮，以将类添加到该链接/按钮的父级。

这是表中的示例行:

<tr>
  <td>Sample</td>
  <td className="num">40%</td>
  <td><a>Accept</a></td>
</tr>

当我单击“接受”时，我希望添加一个新类 num(或整个 tr，如果那样更容易的话)。我怎样才能做到这一点？因为我有可变数量的行，所以我想避免使用 state。

Answer 1

您可以将点击事件委托(delegate)给表格，这样整个表格就只有一个事件处理程序:

<table onClick={this.onClick}>

然后为 onClick 方法添加类似这样的内容:

onClick(e) {
  if (e.target.tagName === 'A') {
    const tr = e.target.parentNode.parentNode
    tr.classList.toggle('selected')
  }
}