2015-11-08 18:49:00 +03:00
|
|
|
const source = {'ES-es': 'Spain', 'TH-th': 'Thailand', 'EN-gb': 'England', 'EN-en': 'USA'};
|
2015-10-31 04:09:11 +03:00
|
|
|
|
2015-11-08 18:49:00 +03:00
|
|
|
class AutocompleteTest extends React.Component {
|
|
|
|
state = {
|
|
|
|
countries: ['ES-es', 'TH-th']
|
|
|
|
}
|
2015-10-31 04:09:11 +03:00
|
|
|
|
2015-11-08 18:49:00 +03:00
|
|
|
handleChange = (value) => {
|
|
|
|
this.setState({countries: value});
|
|
|
|
};
|
|
|
|
|
|
|
|
render () {
|
|
|
|
return (
|
|
|
|
<Autocomplete
|
|
|
|
direction="down"
|
|
|
|
label="Choose countries"
|
|
|
|
name="countries"
|
|
|
|
onChange={this.handleChange}
|
|
|
|
placeholder="Pick multiple elements..."
|
|
|
|
source={source}
|
|
|
|
value={this.state.countries}
|
|
|
|
/>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
2015-10-31 04:09:11 +03:00
|
|
|
|
|
|
|
return <AutocompleteTest />
|