У меня проблема с размещением курсора при перезагрузке параметров асинхронного списка. Проблема заключается в том, что при открытии выпадающего списка текущее выбранное значение не совпадает со значением, выделенным курсором. Вот пример на демонстрационной странице для асинхронного реагирования-выбора (https://react -select.com / async ):
демо-реакции-асинхронного
Я выбрал красный, и после повторного открытия раскрывающегося списка выделены два элемента. Более темная подсветка - это правильный элемент, но курсор находится на первом элементе. Использование клавиши со стрелкой вниз покажет, что верхний элемент имеет фокус, а не текущий выбранный элемент. Есть ли способ установить фокусированный элемент в качестве выбранного, позволяя клавишам со стрелками перемещаться от выбранного элемента, а не от первого элемента?
Дополнительная заметка https://codesandbox.io/s/myyn21r3x8 довольно близкок тому, что я ищу. Курсор находится в правильном месте, но это происходит только из-за кеширования. Если данные по какой-либо причине перезагружаются (например, ввод в строку поиска), та же проблема снова возникает. Кроме того, похоже, что это решение работает только в версии 2, а не в версии 3. Я могу отменить версию, если необходимо, но мне нужно решение, которое перемещает курсор даже после перезагрузки.