Реагировать |Муравей дизайн выбрать значение по умолчанию - PullRequest
0 голосов
/ 20 сентября 2018

Я использую ant design в моем проекте.

Здесь у меня есть выбор в качестве динамического поля.когда я пытаюсь установить значение по умолчанию для выбора.Не работает

<Select defaultValue="lucy">
  <Option value="jack">Jack</Option>
  <Option value="lucy">Lucy</Option>
  <Option value="Yiminghe">yiminghe</Option>
</Select>

Я устанавливаю значение по умолчанию как lucy Но это не работает

Код воспроизведения: https://codesandbox.io/s/6x3qv6wymr

Ответы [ 2 ]

0 голосов
/ 21 сентября 2018

Согласно документации , вы не должны использовать value или defaultValue с getFieldDecorator.

После переноса getFieldDecorator, значением (или другим определенным свойствомby valuePropName) onChange (или другое свойство, определенное триггером), реквизиты будут добавлены к элементам управления формы , поток данных формы будет обрабатываться формой, что приведет к:

  1. Вы не должныиспользуйте onChange для сбора данных, но вы все равно можете прослушивать события onChange (и т. д.).

  2. Вы не можете установить значение элемента управления формы через значение defaultValue prop, и выследует установить значение по умолчанию с initialValue в getFieldDecorator вместо .

  3. Вы не должны вызывать setState вручную, используйте this.props.form.setFieldsValue для программного изменения значения.

Итак, в вашем коде вам нужно определить initialValue вместо defaultValue, как указано ниже:

{getFieldDecorator(`names[${k}]`, {
        validateTrigger: ["onChange", "onBlur"],
        initialValue: "lucy",
        rules: [
          {
            required: true,
            whitespace: true,
            message: "Please input passenger's name or delete this field."
          }
        ]
      })(
        <Select>
          <Option value="jack">Jack</Option>
          <Option value="lucy">Lucy</Option>
          <Option value="Yiminghe">yiminghe</Option>
        </Select>
      )}

Вы можете проверить рабочую демонстрацию на codesandbox.io .

0 голосов
/ 20 сентября 2018

Проблема в getFieldDecorator, если вы ее удалите, все в порядке.Так что поиск pb там, нет проблем с React | Ant

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...