如何禁用反应选择上的输入？

Question

如何禁用反应选择上的输入？那可能吗？我只是希望它是一个下拉菜单

<Select
    placeholder="Action"
    className="col-3 mt-3"
    value={orderStatusInput}
    onChange={this.onOrderStatusChange}
    options={orderStatusOptions}
/>

Answer 1

使 React Select 充当下拉菜单

export default function App() {
  return (
    <div>
      <ReactSelect isSearchable={false} />
    </div>
  );
}

Answer 2

如果您希望禁用搜索输入并且只希望它是一个下拉列表，您可以将该isSearchable属性设置为false：

<Select
  placeholder="Action"
  className="col-3 mt-3"
  value={orderStatusInput}
  onChange={this.onOrderStatusChange}
  options={orderStatusOptions}
  isSearchable={false}
/>