React-select: Setting initial/default label for Select.Async

Created on 3 Aug 2016 · 8Comments · Source: JedWatson/react-select

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.

Source

yonaichin

👍5

Most helpful comment

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

tingwei628 on 31 Aug 2016

👍5 🎉3

All 8 comments

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

tingwei628 on 31 Aug 2016

👍5 🎉3

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, https://github.com/JedWatson/react-select/pull/1180

yonaichin on 1 Sep 2016

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