Событие React распространяется в другом случае

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

 onAutosuggestInputKeyDown = event => {
  if (event.key === 'Enter') {
     this.onCustomSuggestionCreate(event)
  } else {
      // keep propgating the event 
  }
}


getAutosuggestInputProps = () => {
    return {
      inputProps: {
        onBlur: this.onCustomSuggestionCreate,
        onKeyDown: this.onAutosuggestInputKeyDown,
      },
    }
  }


<ReactAutoSuggest textFieldProps = {this.getAutosuggestInputProps()}/>

Возврат событий - поведение по умолчанию. Вы можете остановить пузырение, выполнив stopPropagation. Я не могу понять, что вы ждете от блока else. Можете ли вы предоставить воспроизводимый рабочий пример проблемы, которую вы пытаетесь решить?

— 29.11.2018 05:02

javascript reactjs dom-events

29.11.2018 02:49

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Ответы 1

Если я правильно понимаю вашу ситуацию, то по умолчанию должно происходить даже распространение (в зависимости от типа элемента, вызвавшего событие).

Однако вы, вероятно, захотите использовать stopPropagation() в случае нажатия клавиши ввода, чтобы предотвратить распространение этого события, что будет достигнуто с помощью следующего обновления вашего метода onAutosuggestInputKeyDown:

onAutosuggestInputKeyDown = event => {
  if (event.key === 'Enter') {

     // Prevent this event from propagating if enter key pressed
     event.stopPropagation()

     this.onCustomSuggestionCreate(event)
  }

  // If stopPropagation() not called on event, the event will propagate
  // if it has the ability to do so (ie from the element dispatching the 
  // event)
}

но это не пропагандирует это, я хочу принудительно проповедовать это

— 29.11.2018 03:00

откуда у вас мероприятие? текст <input />? куда вы хотите, чтобы он распространялся?

— 29.11.2018 03:04

29.11.2018 02:58