Выбор формы реагирования семантического интерфейса пользователя - установка выбранного значения

Question

В Semantic UI React я не могу понять, как установить выбранное значение раскрывающегося списка (например, в форме редактирования). Вот как появляются варианты:

const options = users.map(user => ({
  key: user.id,
  text: user.name,
  value: user,
}))

И форма выглядит следующим образом. Я пытался установить defaultValue, value и т. Д., Но у меня пока ничего не получалось.

<Form.Field>
  <Form.Select
    fluid
    selection
    label="Users"
    name="users"
    options={options}
    defaultValue={user}
    onChange={this.handleSelectChange}
  />
</Form.Field>

Я бы предположил, что defaultValue должно быть примерно таким:

{ key: 1, text: 'Tania', value: tania }

Но, согласно этой записи , значение по умолчанию Dropdown (которое, по-видимому, является базовым кодом Select"sugar") не может быть объект.

Answer 1

Итак, мое решение было сделать что-то вроде этого:

const options = users.map(user => {
  if (user.name === selectedUser.name) {
    return {
      key: user.id,
      text: user.name,
      value: user,
      active: true,
      selected: true,
    }
  }
  return {
    key: user.id,
    text: user.name,
    value: user,
  }
})

Я также установил text={user.name} для компонента Select, и теперь он работает достаточно хорошо, хотя первый вариант все еще выглядит выбранным, но не активным.