реагировать-выберите ничего не загружать

#reactjs #react-select

Вопрос:

У меня есть код ниже. Я вижу, что в консоли вызываются функции загрузки. Я не нашел никаких примеров с асинхронной функцией в качестве входных данных, есть какие-либо предложения, почему ниже не работает?

Я получаю следующую ошибку: «Неперехваченная ошибка типа: параметры.сокращение не является функцией»

введите описание изображения здесь

     <AsyncSelect
      cacheOptions
      getOptionLabel={(e) => e.status}
      getOptionValue={(e) => e.id}
      loadOptions={loadAccounts}          
      onChange={(p)=>onAccountChanged(p)}
      onInputChange={(p)=>onAccountInputChanged(p)}
    />


  const loadAccounts = async (inputValue, callback) => {
    // perform a request
    const result = await getMyAccounts();
  
    callback(result)
  }

     const onAccountChanged = (val) => {
      console.log('onAccountChanged'); 
     };

    const onAccountInputChanged = (val) => {
      console.log('onAccountInputChanged'); 
    };
 

Ответ №1:

Похоже, результат должен быть в определенном формате. Следующее решило проблему.

const loadAccounts = асинхронный (значение ввода) => { console.log(‘loadAccounts’); результат const = ожидание getMyAccounts();

 var result2 = result.data.map((film) => ({
  label: film.status,
  value: film.id
}))

console.log(result2); 

return result2;
 

}