Blueprint js Выбор навигации по клавиатуре не работает - реагирует

Question

У меня есть план js выберите компонент, и мне было интересно, как включить навигацию с помощью клавиатуры на компоненте. Я следовал за их документацией, но не мог лучше понять это. Это проблема с модификатором itemRendered? Пожалуйста, совет.

Ниже приведена ссылка, которую я реализовал с использованием проекта js выберите:

Stackblitz

Любая помощь очень ценится.

Answer 1

Вам просто нужно подключить onActiveItemChange, чтобы обновить значение, которое вы используете для activeItem в Select, так:

<CountrySelect
  items={countryCodes || []}
  onItemSelect={handleItemSelect}
  activeItem={selectedCountry}
  onActiveItemChange={setSelectedCountry}
  {...CountrySelectProps}
  noResults={<MenuItem disabled={true} text="No results." />}
>