Setting initial/default label for Select.Async

[yonaichin]

As title states, setting initial value for Select.Async is possible but failed to show the label due to the empty callback options from loadOptions.

Is there any workaround ?
I tried #861 but not quite fit the scenario.
Thanks in advance.

[tingwei628]

Here is my workaround...
I marked on Select and depended on the state "isFirstTime"

constructor() {
   this.state = {
      isFirstTime: true,
  };
 this.loadAsyncOptions= this.loadAsyncOptions.bind(this);
}
loadAsyncOptions(input, callback) {
   if(input) {
      if (this.state.isFirstime) {
       this.setState({
           isFirstTime: false,
        });
        callback(null, options: [ { ... } ]); // your default options
        return;
      }
      callback(null, options: [ {  ...  } ]); // other options...
      return;
   } 
}
render() {
return(<div>
  <Select.Async
    loadOptions={this.loadAsyncOptions} 
   /></div>);
 }

[yonaichin]

Thanks for the reply.
I actually have this problem fixed with my workaround and send a PR.
So far, it works just fine.
For your reference, #1180

[dstuecken]

I actually created another PR that will fix this issue as well: The ability to pass an options array to Select.Async.

[bvaughn]

FYI I am working on a refactor for Async that should address this issue. (See PR #1226)

[bvaughn]

Resolved via PR #1226.

Look for an RC2 to come out (hopefully) sometime today with this change.

[zhaoyi0113]

How does the initial value work? Is there an example for that? I tried defaultOptions, defaultValues but none of them work.

[zhaoyi0113]

I see why it doesn't work for me. The defaultValues in my component is also an async request. How can I make it work with async data?

[ngohieutp]

I see why it doesn't work for me. The defaultValues in my component is also an async request. How can I make it work with async data?

As 2020, is there any solution?