changing setTimeout length
This commit is contained in:
parent
bdc7af27de
commit
8d500cd8d3
@ -1,10 +1,6 @@
|
||||
const React = require('react');
|
||||
const Select = require('react-select');
|
||||
const {
|
||||
Async
|
||||
} = Select
|
||||
|
||||
const SelectAsync = Async
|
||||
const SelectAsync = Select.Async
|
||||
|
||||
|
||||
const SearchAsync = React.createClass({
|
||||
@ -22,36 +18,35 @@ const SearchAsync = React.createClass({
|
||||
});
|
||||
},
|
||||
|
||||
render: function () {
|
||||
options: function(input, callback) {
|
||||
setTimeout(function() {
|
||||
callback(null, {
|
||||
options: [
|
||||
{ value: 'one', label: 'One' },
|
||||
{ value: 'two', label: 'Two' },
|
||||
{ value: 'three', label: 'Three' },
|
||||
{ value: 'four', label: 'Four' },
|
||||
{ value: 'five', label: 'Five' },
|
||||
{ value: 'six', label: 'Six' },
|
||||
],
|
||||
// CAREFUL! Only set this to true when there are no more options,
|
||||
// or more specific queries will not be sent to the server.
|
||||
complete: true
|
||||
}, 10000);
|
||||
});
|
||||
},
|
||||
|
||||
const options = function(input, callback) {
|
||||
setTimeout(function() {
|
||||
callback(null, {
|
||||
options: [
|
||||
{ value: 'one', label: 'One' },
|
||||
{ value: 'two', label: 'Two' },
|
||||
{ value: 'three', label: 'Three' },
|
||||
{ value: 'four', label: 'Four' },
|
||||
{ value: 'five', label: 'Five' },
|
||||
{ value: 'six', label: 'Six' },
|
||||
],
|
||||
// CAREFUL! Only set this to true when there are no more options,
|
||||
// or more specific queries will not be sent to the server.
|
||||
complete: true
|
||||
}, 1000);
|
||||
});
|
||||
}
|
||||
render: function () {
|
||||
|
||||
return (
|
||||
<div>
|
||||
<h1> Async Search </h1>
|
||||
<SelectAsync
|
||||
ref="stateSelect"
|
||||
loadOptions={options}
|
||||
ref="stateSelectAsync"
|
||||
loadOptions={this.options}
|
||||
value={this.state.selectValue}
|
||||
isLoading={true}
|
||||
onChange={this.updateValue}
|
||||
multi={this.props.multi}
|
||||
multi={true}
|
||||
/>
|
||||
</div>
|
||||
)
|
||||
|
@ -33,6 +33,7 @@ const Search = React.createClass({
|
||||
<h1> {this.props.multi ? 'Multi' : 'Single'} Search </h1>
|
||||
<Select
|
||||
ref="stateSelect"
|
||||
className="is-open"
|
||||
autofocus
|
||||
options={options}
|
||||
name="selected-state"
|
||||
|
Loading…
Reference in New Issue
Block a user