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

Question

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

这是table中的示例行：

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

当我点击＆＃34;接受＆＃34;时，我想要num（或整个tr，如果更容易）添加新课程。我怎样才能做到这一点？因为我有一个可变数量的行，我想避免使用state。

Answer 1

您可以将click事件委托给表，这样整个表只有一个事件处理程序：

<table onClick={this.onClick}>

然后为onClick方法提供类似的内容：

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