react-select 没有加载任何东西

Question

我有下面的代码。我可以看到在控制台中调用了 loadOptions。我还没有找到任何将异步函数作为输入的示例，请问以下为什么不起作用的任何建议？

我收到以下错误：“未捕获的类型错误：options.reduce 不是函数”

    <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'); 
    };

Answer 1

结果似乎需要特定格式。以下解决了问题。

const loadAccounts = async (inputValue) => { console.log('loadAccounts'); const result = await getMyAccounts();

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

console.log(result2); 

return result2;

}

react-select 没有加载任何东西

react-select not loading anything

reactjs

react-select