Как управлять сфокусированным параметром, пока параметры меняют порядок с помощью react-select

#react-select

#react-select

Вопрос:

Я использую функцию поиска, которая изменяет порядок параметров по мере ввода. React-select сохраняет фокус того, что изначально было первым параметром, даже если этот параметр затем перемещается в другое место в списке. Таким образом, при вводе фокус перемещается вверх и вниз по экрану. Я бы хотел, чтобы сфокусированный параметр оставался первым параметром при наборе текста.

Есть ли какой-либо способ контролировать, какой параметр сфокусирован?

Ответ №1:

Добавление случайно сгенерированного свойства «value» к параметрам, переданным в react-select, похоже, создает функциональность, которую я искал.

 // code for loadOptions prop in react-select's AsyncCreatable
import uniq from "uniqid";

// code to get search results

const resultsWithRandomValue = results.map(r => ({ ...r.item, value: uniq() }));
  

Это не идеально, но что-нибудь еще потребуется изменить react-select , и я не уверен, насколько необходимо такое поведение в целом.

Комментарии:

1. Не могли бы вы отредактировать свой ответ, чтобы отредактировать какой-нибудь пример кода?