React-オプションが表示されないため、ユーザーが入力したエントリを操作するには{creatable}を選択します

作成を許可しないreact-selectCreatableSelectの問題

ブートストラップテーブル用の付属コンポーネントを作成しました。Selectを使用するのと同じ方法でハードコードされたラベルを表示できますが、ユーザーが新しいオプションを入力するためにCreatableパーツを機能させることができません。「オプションなし」というラベルが表示されます。

車の配列に新しい入力を追加してコンソールに印刷しようとしましたが、理解できません。

import CreatableSelect from 'react-select';

const cars = [
  { label: "audi", value: 1 },
  { label: "bmw", value: 2 },
  { label: "ford", value: 3 },
  { label: "VW", value: 4 },
];

const selectOption = () => (
  <div className="app">
    <div className="container">
      <CreatableSelect
         options={cars} 
         placeholder={"check and enter new car name here"}
         isClearable
         onChange={(opt, meta) => console.log(opt, meta)}
      />
    </div>
  </div>
);

export default selectOption

ドロップダウンリストにないオプションを入力するときに作成オプションを表示して、cars配列に追加したい