如何禁用反應選擇上的輸入？

Question

如何禁用react-select上的輸入？ 那可能嗎？ 我只是希望它是一個下拉菜單。

<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}
/>

Answer 3

<Select isDisabled={true} />