vovvkka
@vovvkka

Как сделать слушатель на enter React?

Есть приложение - чат, при нажатии на кнопку, запускается функция которая отправляет сообщение на сервер, нужно сделать слушатель который при нажатии на enter, также будет имитироваться клик на кнопку которая отправляет сообщение, как это сделать - незнаю. Пробовал варианты в гугле, не вышло.
Буду благодарен за помощь.
  • Вопрос задан
  • 62 просмотра
Решения вопроса 1
Safort
@Safort
Не совсем понял в чём именно проблема.
Вы не понимаете как поставить обработчик на Enter? В целом это обычный слушатель на событие keypress, например с проверкой свойства key (event.key === "Enter").

Или не ясно как в этом обработчике дальше логику строить?

также будет имитироваться клик на кнопку которая отправляет сообщение

Вам не нужно пытаться имитировать клик по кнопке, это усложнит код. Обработкой нажатия на enter и клика по кнопке отправки должен заниматься один обработчик. Т.е. у вас есть два слушателя (на enter и на клик по кнопке), но они должны вызывать одну функцию/метод который уже и отправляет сообщение.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Kentavr16
@Kentavr16
long cold winter
Вот здесь состряпал пример слушателя нажатия на кнопку. Надеюсь поможет. В реакте принцип отлавливание нажатия абсолютно идентичен.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы