react使用antd遇见问题记录[antd: Switch] `value` is not validate prop, do you mean `checked`

[antd: Switch] `value` is not validate prop, do you mean `checked`

在Form中使用Switch时出现这个错误。

原先的写法：

<Form.Item label="启用">

{getFieldDecorator('active', {

initialValue: _.get(data, 'active', true),

})(

<Switch defaultChecked={_.get(data, 'active', true)} />

)}

</Form.Item>

问题在defaultChecked上，在form中的getFieldDecorator中需要通过checked来确认值，解决方法,添加valuePropName：

 <Form.Item label="启用">
            {getFieldDecorator('active', {
              initialValue: _.get(data, 'active', false),
              valuePropName: 'checked'
            })(
              <Switch />
            )}
          </Form.Item>