Select.AsyncとloadOptionsで奇妙な動作が発生する

Question

反応選択コンポーネントについて質問があります。

私は以下のコード（coffeescript）と非常に奇妙な動作（下記のgif）を持っています。質問は - 間違っているのですか？ getOptions機能が完了した直後にオプションが表示されないのはなぜですか？なぜ彼らは外側をクリックした後にのみ表示されたのですか？それは非常に混乱している..私はあなたの助けが必要です！

getOptions = (value) => 
    return Promise.resolve({options: []}) unless value 
    api.geocoder(value).then (data) => 
    countries = [ 
     {value: 'A', label: 'A'} 
     {value: 'B', label: 'B'} 
    ] 
    console.info(countries) 
    {options: countries} 

<Select.Async 
    className="ads-filter__select" 
    value={@props.country_code} 
    onChange={(option) => @props.onChange('country_code', option)} 
    clearable={false} 
    placeholder={I18n.t('ads.country')} 
    loadOptions={getOptions} 
/> 

Answer 1

Select.Asyncにこのプロパティを追加します。filterOption = {（）=>（真）} があるために、より具体的な書き込み：

<Select.Async 
    className="ads-filter__select" 
    value={@props.country_code} 
    filterOption={() => (true)} 
    onChange={(option) => @props.onChange('country_code', option)} 
    clearable={false} 
    placeholder={I18n.t('ads.country')} 
    loadOptions={getOptions} 
/> 

希望を、これはあなたの問題を解決します