CheckBox with Form was not work

Version

2.12.8

Environment

ubuntu14.04, react15.6.1

Reproduction link

Steps to reproduce

I’m first use <Checkbox> component to complete , and then use the <Form> component nested in the outer layer. that will show me a error:

`getFieldDecorator` will override `value`, so please don't set `value` directly and use `setFieldsValue` to set it.

Then i tyr put <CheckboxGroup> value to <FormItem> initialValue, it’s ok.

But next, i try to click some checkbox value,and then to click the check all checkbox, it;s not work.

What is expected?

can be work well

What is actually happening?

It’s work well when first click, but after to click some checkbox value, again to click check all is not work

---

After ckick some checkbox, try to click all check is not work I try to remove <Form> component, only one <CheckBox> component to work, it’s work well. so, i think that issue because of <Form> and <CheckBox> or my code issue?

ps: my english is too bad, sorry to bother you

[Faliszek]

I ran in to similar problem, when i was trying to send form with selected checkbox, because function validateFields expect to get value from field, but checkbox returned “checked”, solution to my problem was set in the fieldDecorator valuePropName as ‘checked’ like this.

<FormItem label="Name">
  {getFieldDecorator('name', {
      initialValue: some.value || '',
      valuePropName: 'checked'
          })(<Checkbox />)}
</FormItem>

[R-on]

I think the correct solution for setting initialValue for checkboxes is the following: You have to set two options:

• valuePropName to “checked”
• initialValue to “true” (or “false” but this is the default)

<Form.Item label="Dummylabel">
            {getFieldDecorator("name", {
              valuePropName: "checked",
              initialValue: true
            })(
              <Checkbox />
            )}
          </Form.Item>