React -Select - Focused Option сбрасывается на изменение состояния React ⇐ Javascript

[Anonymous]

У меня есть настраиваемая компонентная обертка вокруг выбора реагирования, но я также заметил это же поведение в реагировании само по себе. Поведение происходит при использовании React Select, когда обновляется состояние React, будь то функция онкола, передаваемая в Select или Comytion Rely. Однако, если состояние реагирования изменяется (тем самым инициируя повторный рендеринг), повторно открыть результаты выбора в первой опции, сфокусированной вместо выбранной опции.import Select from "react-select";

type ColorOption = {
value: string, label: string, color: string
};

export const DemoComponent =

const [selectedColor, setSelectedColor] = useState();

const colorOptions: ColorOption[] = [
{ value: 'ocean', label: 'Ocean', color: '#00B8D9' },
{ value: 'blue', label: 'Blue', color: '#0052CC' },
{ value: 'purple', label: 'Purple', color: '#5243AA' },
{ value: 'red', label: 'Red', color: '#FF5630' },
{ value: 'orange', label: 'Orange', color: '#FF8B00' }
];

return {setSelectedColor(e)}}
/>;
}
< /code>
Начальный Open < /p>
Если я выберу фиолетовый здесь, а затем повторно открою выбор, я бы ожидал, что он будет фокусировать фиолетовый, и для того, чтобы клавиатура перемещалась оттуда, что произойдет, если функция Onchange будет удалена, и не произойдет повторный дрендер. Но вместо этого он фокусирует первый вариант.
open после выбора

Подробнее здесь: https://stackoverflow.com/questions/797 ... ate-change