Semantic UI React - заполнить раскрывающийся список удаленным контентом

Question

Я пытаюсь реализовать раскрывающийся список с возможностью поиска (используя библиотеку Semantic UI React), который заполняется сопоставлением результатов с сервера. Пользователь представлен с полем ввода. Как только они начинают вводить несколько символов, делается запрос к конечной точке restful бэкэнда, которая возвращает соответствующие результаты поиска. Эти результаты отображаются в виде значений в раскрывающемся списке.

Это было довольно просто с простым семантическим пользовательским интерфейсом (см. https://semantic -ui.com / modules / dropdown.html # match-search-query-on-server ).

Но как я могу добиться этого с версией библиотеки React?

Я не могу понять из документации (https://react.semantic -ui.com / modules / dropdown / # использовании-удаленный ).

Может ли кто-нибудь привести мне пример?

Answer 1

Я смог закодировать это следующим образом:

class MyDd extends React.Component {
  state = {options: []}

  onSearchChange = (e, value) => {
    axios.get(`/api/match?query=${value.searchQuery}`)
     .then((response) => {
       this.setState({options: response.data})
    })

  }

  render() {
    return (
      <Dropdown
        onSearchChange={this.onSearchChange}
        search
        selection
        options={this.state.options}
      />
    )
  }
}