enter event react

enter event react

 add(event) {
        if (event.key === 'Enter') {
            this.props.search(this.state.value)
        }
    }

    <TextField style={this.state.close === true ? styles.showInput : styles.hideInput}
    id="text-field-controlled"
    value={this.state.value}
    inputStyle={styles.colorInput}
    onChange={this.handleChange}
    ref={(input) => this.focusInput = input}
    onKeyPress={this.add.bind(this)}
    />