SimpleTextInput with CWRP

SimpleTextInput_CWRP.js

class SimpleTextInput extend Component {
  constructor(props){
    super(props)
    this.state = {
       value : props.value,
       _value : props.value
    }
  }
  static getDerivedStateFromProps(newProps,oldState){
     if(newProps.value !== oldState._value){
        return {
            _value : newProps.value,
            value : newProps.value
        }
     }else{ 
        return null
     }
  }
  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})
      />
    )
  }
}