React Typescript：Antd 复选框值不起作用

Question

您好，我尝试用我的状态填充复选框值，但它不接受它。

复选框代码：

<Form.Item label="Aktiv" >
    <Checkbox value={this.state.selectedRecord.active} />
</Form.Item>

状态selectedRecord的值：

Answer 1

尝试将其更改为这个。

<Checkbox checked={this.state.selectedRecord.active} />

Answer 2

AntD 文档这里回答了“为什么不在 Form.Item 中工作？”的问题：

“Form.Item默认将值绑定到value属性，但Checkbox value属性被选中。您可以使用valuePropName来更改绑定属性。”

所以，你可以尝试：

<Form.Item label="Aktiv" valuePropName="checked">
    <Checkbox value={this.state.selectedRecord.active} />
</Form.Item>

但由于某种原因它仍然对我不起作用，所以我使用了这样的东西：

<Form.Item label="Aktiv" name="aktiv">
    <Checkbox />
</Form.Item>

将其设置为选中或取消选中：

form.setFieldValue('aktiv', {this.state.selectedRecord.active});