SimpleTextInput with CWRP

SimpleTextInput_CWRP.js

class SimpleTextInput extend Component {
  state = {
    value: this.props.value,
  };
  componentWillReceiveProps(nextProps) {
    if (this.props.value !== nextProps.value) {
      this.setState({value: nextProps.value});
    }
  }
  render() {
    return (
      <input
        value={this.state.value}
        onKeyPress={(e) => {
          if (e.keyCode === 13) {
            this.props.onChange(this.state.value);
          }
        }}
        onChange={(e)=> this.setState({value: e.target.value})
      />
    )
  }
}