Antd 开关在切换时不触发 onValuesChange？

Question

我有一个基本形式：

<Form
  layout="vertical"
  form={form}
  onFinish={onSubmit}
  onValuesChange={onValueChanges}
>
  <Form.Item
    label="Foo"
    name="requirePassword"
    valuePropName="checked"
  >
    <Switch />

        {requirePasswordSettingDirty && (
          <span className={styles.requirePasswordWarning}>
            Required password
          </span>
        )}
  </Form.Item>
</Form>

当我点击开关时，它没有触发回调onValueChanges。我错过了什么？

Answer 1

数据绑定通过 name 键绑定到 Form.Item，并且仅包装一个输入。因此，如果您在输入旁边有其他元素，例如自定义标签元素，则必须嵌套 Form.Items.

 <Form.Item label="Foo" valuePropName="checked">
    <Form.Item name="requirePassword">
      <Switch />
    </Form.Item>
    {requirePasswordSettingDirty && <span>Required password</span>}
  </Form.Item>

Antd 开关在切换时不触发 onValuesChange？

Antd switch not triggering onValuesChange when toggling?

javascript

reactjs

antd