Как установить динамические параметры из ответа API в раскрывающемся элементе управления fluent ui react?

#office-ui-fabric #office-ui-fabric-react #fluentui-react

#office-ui-fabric #office-ui-fabric-react #fluentui-реагировать

Вопрос:

Я столкнулся с ситуацией, когда мне нужно отобразить выпадающий список, и я хочу, чтобы параметры динамически извлекались из API и загружались при нажатии курсора (возможно, отображался загрузчик к моменту поступления ответа API).). Опыт, который я ищу, — это что-то в следующих строках —

введите описание изображения здесь

Загрузка (выборка параметров из API)

введите описание изображения здесь

Параметры отображения после успешного ответа

В документации не было никакой поверхности API, с помощью которой это может быть возможно. Возможно ли достичь этого с помощью текущих API, которые существуют для этого компонента управления?

Ответ №1:

Для начала рекомендуется использовать BasePicker Component from Pickers .

 import { BasePicker } from 'office-ui-fabric-react/lib/Pickers'
  

Внутри BasePicker у вас есть методы, которые вы можете использовать для создания «ленивого» поведения. Например, когда вы нажимаете на компонент, затем вызываете API и заполняете список элементов.

Что внутри BasePicker , посмотрите здесь или в официальной документации.

Пример Codepen