如何在 antd 表的一行中切换复选框？

Question

我在表中每一行的第一列中有一个复选框。我可以通过单击来切换复选框。

我如何正确地，“antd way”，通过单击整行的任何区域来切换？

Answer 1

它在antd文档中，但您需要一个状态来处理它。

通过将第一列设为可选择列，可以选择行。

您可以使用

onRow={record => ({
  onClick: () => {
    this.selectRow(record);
  }
})}

并在选择行中

selectRow = record => {
  const selectedRowKeys = [...this.state.selectedRowKeys];
  if (selectedRowKeys.indexOf(record.key) >= 0) {
    selectedRowKeys.splice(selectedRowKeys.indexOf(record.key), 1);
  } else {
    selectedRowKeys.push(record.key);
  }
  this.setState({ selectedRowKeys });
}

演示和源代码