如何在使用 react-select 更改选项顺序时控制焦点选项

Question

我使用的搜索功能会在您键入时重新排列选项。 React-select 保持最初第一个选项的焦点，即使该选项随后移动到列表中的不同位置。因此，当您键入焦点时，焦点会在屏幕上上下跳动。我希望集中选项在键入时保留为第一个选项。

有没有办法控制哪个选项被聚焦？

Answer 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 需要更改任何其他内容，而且我不确定一般情况下有多少需要这种行为。

如何在使用 react-select 更改选项顺序时控制焦点选项

How to control focussed option while options change order with react-select

react-select