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

时间:2019-03-02 12:26:01

标签: react-select

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

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

1 个答案:

答案 0 :(得分:0)

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