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>