Реагировать KeyboardEvent изменить значение ввода после onPressEnter

Question

У меня есть вход, который мне нужен для сброса значения с помощью метода, вызванного onPressEnter Это вход:

<Input
    type="text"
    placeholder="new account"
    onPressEnter={(event) => this.onCreateAccount(event)}>
</Input>

, и этот метод называется:

onCreatePitch(event: React.KeyboardEvent<HTMLInputElement>, accountId: number) {
    this.props.onCreatePitch(event.currentTarget.value, accountId);
    /* event.currentTarget.value = '';  can't do this, it's a read only value*/
}

как вы можете видеть event.currentTarget.value не будет работать, так как это значение только для чтения и event.target.value не является допустимым типом.Не уверен, что здесь делать, спасибо!

Answer 1

Вы можете иметь состояние, которое контролирует значение входа

state = {
  value: ""
}

onEnterPress(event) {
 if (event is Enter) {
   this.setState({value: ""})
   return
 }
}

<Input
    type="text"
    placeholder="new account"
    value={this.state.value}
    onPressEnter={this.onEnterPressed} />