Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 | 1x 1x 1x 1x 1x 2x 1x | import React, {Component} from "react";
import Select from 'react-select';
import {sortBy} from 'lodash';
class SelectField extends Component {
constructor(props) {
super(props);
this.state = {
value: null,
}
this.onSelectChange = this.onSelectChange.bind(this);
}
onSelectChange(value) {
this.setState({
value
})
this.props.onChange(this.props.name, this.props.filterableProperty, value);
}
render() {
return (
<Select
value={this.state.value}
multi
name={this.props.name}
style={{ height: "100%" }}
options={sortBy(this.props.options, 'value')}
onChange={this.onSelectChange}
backspaceRemoves={false}
/>
)
}
}
SelectField.defaultProps = {
options: [],
};
export default SelectField;
|