Отправить форму внутри TextArea с Reactjs? - PullRequest
Новая
       33

Отправить форму внутри TextArea с Reactjs?

0 голосов
/ 21 ноября 2018

Я пытаюсь отправить свою форму, находясь в текстовой области, когда они нажимают ввод.Если они нажимают Enter + Shift, тогда я хочу создать новую строку в текстовой области.

Я также хочу предотвратить обратную передачу при нажатии Enter, и это то, с чем у меня проблема. 

<form ref={el => this.myFormRef = el} onSubmit={this.searchClick} autoComplete="off">
       <textarea
                  ref={input => input && input.focus()}
                  className="textarea"
                  name="search-area"
                  rows={this.rowCount}
                  value={this.searchValue}
                  onChange={this.onChange}
                  onKeyDown={this.onKeyDown}
                />
</form>




 @action
  searchClick = (event) => {
    event.preventDefault();
    event.stopPropagation();
  }

  @action
  onKeyDown = event => {
    if (event.key == 'Enter' && event.shiftKey == false) {
      this.myFormRef.submit();
      event.preventDefault();
      event.stopPropagation();
    }

    this.searchValue = event.target.value;
  };
...