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>