在ant设计表选择中通过getCheckboxProps设置defaultChecked有什么问题？答案

【问题标题】：What's wrong with setting defaultChecked via getCheckboxProps in ant design table selection?在ant设计表选择中通过getCheckboxProps设置defaultChecked有什么问题？
【发布时间】：2020-05-20 03:47:28
【问题描述】：

我将一张桌子用作无线电组。像这样：

<Table
  dataSource={keyData}
  columns={keyColumns}
  rowSelection={keySelection}
  pagination={false}
/>
 <Form.Item >
  {getFieldDecorator('pendingKey', {
    initialValue: data?.pendingKey,
    rules: [
      {
        required: type === 'pending_key',
        message: 'Select a key'
      }
    ]
  })(<div />) // to show eorror message
}
</Form.Item>

现在在getCheckboxProps 中设置defaultSelected 真的很有帮助：

getCheckboxProps: record => ({
  defaultChecked: record.key === data?.pendingKey
})

但是当我这样做时，ant design 会显示和错误消息：

Warning: [antd: Table] Do not set `checked` or `defaultChecked` in `getCheckboxProps`. Please use `selectedRowKeys` instead.

这到底有什么问题？如何保持输入不受控制并关闭此消息？

【问题讨论】：

标签： reactjs forms antd

【解决方案1】：

在rowSelection中添加selectedRowKeys属性来设置选中的行

<Table
  rowSelection={{
    type: 'radio',
    selectedRowKeys: ['1'], // Use this attribute
    onChange: () => {}
  }}
  //...Omitting
/>

【讨论】：

您好，欢迎来到 SO！虽然此代码可能会回答问题，但提供有关它如何和/或为什么解决问题的额外上下文将提高答案的长期价值。请阅读tour, 和How do I write a good answer? 例如，您可以详细说明问题代码中的错误，如标题所示。