反应选择：选定的菜单项没有焦点

问题描述

我有反应选择组件v.3.1.0。当我选择一个选项并再次打开菜单时，所选的选项被选中，但始终是焦点所在的第一项。

为此我编写了一个简单的组件。 https://codesandbox.io/s/black-feather-gcd20

export default function App() {
  const placeholder = "Select...";

  const options = [
    {
      value: 1,label: "one"
    },{
      value: 2,label: "two"
    },{
      value: 3,label: "three"
    }
  ];

  const [value,setValue] = useState(options[0]);

  const onChangeHandler = (selectedValue) => {
    setValue(selectedValue);
  };

  return (
    <div className="App">
      <Select
        onChange={onChangeHandler}
        isSearchable={false}
        placeholder={placeholder}
        options={options}
        value={value}
      />
    </div>
  );
}

我尝试通过使用defaultValue解决此问题。但是据我了解，此变量在组件的整个生命周期中都不会改变其值（我需要此值进行本地化）。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）