React Select with Async - オプションをロードできません

Question

ユーザー入力に基づいてモデル番号を提供する非同期入力フィールドreact-selectを作成しようとしています。私のAPIは動作しています.Fetchは、ドロップダウンを設定するのに必要な正確なオプションオブジェクトを生成しています（ネットワーク要求とコンソールの両方をチェックしました）。

問題は、入力を開始すると、ドロップダウンにロード中であることが表示されますが、オプションが追加されないということです。 {options: [{value: "WA501006", label: "WA501006"}]}.

これは私のコードです：

getModelsAPI = (input) => { 

     if (!input) { 
      return Promise.resolve({ options: [] }); 
     } 

     const url = `(...)?cmd=item_codes_json&term=${input}`; 

     fetch(url, {credentials: 'include'}) 
      .then((response) => { 
       return response.json(); 
      }) 
      .then((json) => { 
       const formatted = json.map((l) => { 
        return Object.assign({}, { 
         value: l.value, 
         label: l.label 
        }); 
       }) 
       return { options: formatted } 
      }) 
    } 

onChange = (value) => { 
    this.setState({ 
     value: value 
    }) 
} 

<Select.Async 
    value={this.state.value} 
    loadOptions={this.getModelsAPI} 
    placeholder="Enter Model" 
    onChange={this.onChange} 
/> 

Answer 1

私はあなたがgetModelsAPI機能から復帰する必要があると思う：

ここ

フェッチ呼び出しからの出力例です

getModelsAPI = (input) => { 

     if (!input) { 
      return Promise.resolve({ options: [] }); 
     } 

     const url = `(...)?cmd=item_codes_json&term=${input}`; 

     return fetch(url, {credentials: 'include'}) 
      .then((response) => { 
       return response.json(); 
      }) 
      .then((json) => { 
       const formatted = json.map((l) => { 
        return Object.assign({}, { 
         value: l.value, 
         label: l.label 
        }); 
       }) 
       return { options: formatted } 
      }) 
    }