使用react multiSelect，我如何选择突出显示的项目

Question

我正在使用 https://react-select.com/home 来显示项目列表。由于其他因素，我目前正在使用多项选择，尽管我们总是只选择一项。默认行为似乎是突出显示列表中的第一项。有没有办法在打开下拉菜单时突出显示特定项目？

Answer 1

让我们猜猜你有这样的选择

const options = [
    { value: 'opt1', label: 'Option 1' },
    { value: 'opt2', label: 'Option 2' },
    { value: 'opt3', label: 'Option 3' },
  ];

然后你就可以通过

selectedOptions

这个来进行选择。

const [selectedOptions, setSelectedOptions] = useState([]);

 const handleSelectChange = (selected) => {
    setSelectedOptions([selectedOptions,...selected]);
  };