Добавление параметров в функцию onKeyPress

У меня есть прослушиватель onKeyPress для моего входного компонента. В настоящее время onKeyListener что-то печатает при нажатии клавиши ввода.

Это текущий код

onKeyPress = {this.onHitEnter.bind(this)}/>

onHitEnter = (e) => {
        if (e.key === 'Enter') {
          console.info()
    }

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

Это то, что я пробовал

onKeyPress = {this.onHitEnter.bind(this, item, item.id, item.index)}/>

onHitEnter = (e, item, id, index) => {
        if (e.key === 'Enter') {
          console.info("enter")
            console.info(id)
    }

Как я могу отправить эти дополнительные параметры в метод onHitEnter?

посмотрите здесь

Alexandre Miziara 17.04.2018 21:24
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
1
85
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

Когда вы используете привязку с дополнительными аргументами, она помещает дополнительные аргументы первыми, а объект события - последним.

function foo (a, b, event) {
   console.info(arguments) 
} 


document.querySelector("button").addEventListener("mousedown", foo.bind(this, "a", "b"))
<button>Foo</button>

поэтому вам нужно будет переупорядочить свои аргументы

onHitEnter = (item, id, index, e)

Я бы порекомендовал привязать вашу функцию в другом месте.

вы можете получить нужные данные, используя это сокращенное выражение, поскольку вы используете es6:

onKeyPress = {e => this.onHitEnter(e, item, item.id, item.index)}/>

выражение определяет аргументы, которые вы хотите передать во время события.

Другие вопросы по теме