javascript - 在 React-Select 中禁用关注第一个选项

Question

我在 React Select 中有一个下拉菜单，我正面临焦点问题。每当我们打开下拉菜单时，选项列表中的第一项就会得到关注。有几个 Prop 通过了，但没有一个用于禁用此功能。我在他们的 github 中看到了与自动对焦相关的问题。但是 Prop 仍然没有添加到他们的包中。
我尝试使用焦点 Prop ，但没有得到想要的结果。
这是我的选择下拉菜单代码。

<Select 
     className="profile-module-select-container"
     classNamePrefix="profile-module-select"
     defaultValue={{value: 0, label: 0}}
     options={options}
     openMenuOnFocus={false}
     autoFocus={options.isFocused}
     styles={styles}
     onChange={selected => {
        this.setState({
        optionSelect: selected.value
        }, () => {onChange(this.state.optionSelect, formKey)});
      }}
        onMenuOpen={(e, i, o) => {
        this.setState({
        selectMenuOpen: true
        });
       }}
       onMenuClose={() => {
       this.setState({
       selectMenuOpen: false
       });
       }}
       components={
          {
           IndicatorSeparator:() => null,
           DropdownIndicator: DropdownCaret,
           Placeholder: CustomPlaceholder,
           Option: CustomOptionComponent
           }
          }
           placeholder={placeholder}
           isSearchable={false}
           isClearable={false}
           name={name}
           value={options.filter(option => {return option.value === value})}
      />

Answer 1

对于功能组件和 typescript ，实现@tkamath99 的解决方案如下:

<Select
  ref={selectRef}

  onInputChange={value => {
    selectRef.current.select.getNextFocusedOption = () => false;
  }}
/>