当选项通过react-select更改顺序时，如何控制焦点选项

Question

我正在使用搜索功能，该功能会在您键入时重新排列选项。即使该选项随后移至列表中的其他位置，React-select仍会保留最初的第一个选项的焦点。因此，当您键入焦点时，屏幕会在屏幕上向上和向下跳转。我希望在输入时将焦点选项保留为第一个选项。

有什么办法可以控制哪个选项的焦点？

Answer 1

在传递给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，而且我不确定总体上对这种行为有多大的需求。