Ingin mendapatkan pilihan pada perubahan inputValue dalam react select

Question

Saya mempunyai komponen react-select dan saya ingin menambah fungsi supaya sebaik sahaja seseorang memasukkan sesuatu dalam react-select, mesti ada permintaan api untuk mendapatkan item yang berkaitan dengan kata kunci yang dimasukkan, bagaimana saya boleh melakukannya

Answer 1

Anda boleh melakukan ini tanpa sebarang panggilan API, hanya gunakan kaedah penapis untuk menapis pilihan anda

Answer 2

Anda harus cuba melihat AsyncSelect daripada "react-select/async" Kemudian buat fungsi dalam komponen untuk memuatkan pilihan daripada API, fungsi itu harus menerima rentetan input dan panggilan balik dan harus membuat panggilan API berdasarkan rentetan input. Benda macam ni

const loadOptions = (inputValue, callback) => {
    // api call here
    fetch('your-api-url?${inputValue}')
      .then(response => response.json())
      .then(data => {
         // do your work here
         const options = //transform data here
         callback(options)
      });
};

Kemudian hantar fungsi loadOptions ke dalam sifat loadOptions dalam komponen anda

const YourComponent = () => {
    return (
       <AsyncSelect
         cacheOptions
         defaultOptions
         loadOptions={loadOptions}
       />
    );
};