Как сверить значение поля с ant-design useForm?

Question

У меня есть эта форма, которую я хотел бы показать или скрыть поля в зависимости от значения других полей, которые являются фиксированными (они никогда не скрываются), но использование form.getFieldValue("some-field") всегда возвращает undefined.

Вот минимальный функциональный пример, демонстрирующий мою проблему:

Что я делаю не так с antd и как мне добиться своего варианта использования

Answer 1

Изучив официальную документацию , они предоставили способ использования условий внутри <Form.Item>.

<Form.Item
  noStyle
  shouldUpdate={(prevValues, currentValues) => prevValues.gender !== currentValues.gender}
>
  {({ getFieldValue }) =>
    getFieldValue('gender') === 'other' ? (
      <Form.Item
        name="customizeGender"
        label="Customize Gender"
        rules={[
          {
            required: true,
          },
        ]}
      >
        <Input />
      </Form.Item>
    ) : null
  }
</Form.Item>

. Я изменил ваш пример, чтобы он работал как положено. Пожалуйста, проверьте.