更改表格中行的显示

Question

我最近开始研究反应。在我的代码中，我有一个表格组件，并且有多个页面。因此，每当需要在表中显示数据时，我都使用相同的表组件。现在在某个页面中，当我删除一行时，我只想更改该行的颜色/更改该行的背景色。在其他页面上，我没有任何删除选项。

为了显示数据，我使用“ office-ui-fabric-react / lib”中的DetailList。谁能帮助我，我该如何解决我的问题？我应该使用onRenderRow吗？怎么样？

Answer 1

您可以尝试执行以下操作：

在您的特定页面中：

changeBackgroundColor(event){
  // do sth with the clicked row
}

<YourTableComponent click={(event) => this.changeBackgroundColor(event)} />

在您的组件中：

<table>
  <tr>
    <th>...</th>
  </tr>
  <tr onClick={this.props.click}>
    <td>...</td>
  </tr>
</table>