trigger change of Select after render, if value was not set to fix empty without change

This commit is contained in:
Sebastian Sdorra
2018-08-03 08:38:18 +02:00
parent 5ddc595bf1
commit a70420bb06

View File

@@ -16,6 +16,14 @@ type Props = {
class Select extends React.Component<Props> {
field: ?HTMLSelectElement;
componentDidMount() {
// trigger change after render, if value is null to set it to the first value
// of the given options.
if (!this.props.value && this.field && this.field.value) {
this.props.onChange(this.field.value);
}
}
handleInput = (event: SyntheticInputEvent<HTMLSelectElement>) => {
this.props.onChange(event.target.value);
};