は非同期的に反応選択を設定します

Question

反応選択（https://jedwatson.github.io/react-select/）で選択が行われた場合は、リモートURLからデータを取得してページに2番目の反応選択を入力するためにAxios（https://github.com/mzabriskie/axios）を使用しています。

私のユースケースが非同期の例と異なると思うトリックは、ユーザーが2番目の選択肢に入力して自動入力をトリガする必要がないようにすることです。私はAJAXの呼び出しからデータが返ってくるとすぐに自動集団が起こるようにしたいです

私はリモートデータを正しく捕捉していることを確認しましたが、loadOptionsパラメータの正しい構文を理解できません反応セレクト。私が欲しいものにコード内の最も近い例は、プロジェクトの例から、この機能では、あなたがgithubの非同期例で

Answer 1

を提供することができます任意のヒントについて

https://github.com/JedWatson/react-select/blob/master/examples/src/components/GithubUsers.js#L36

おかげで、入力パラメータgetUsers(input)は、検索テキストです。

あなたは状態の最初の値を格納している理由loadOptionsの約束は、この状態値firstSelectValue

getUsers() { 
    return fetch(`https://api.github.com/search/users?q=${this.state.firstSelectValue}`) 
    .then((response) => response.json()) 
    .then((json) => { 
     return { options: json.items }; 
    }); 
}