Добавление таски по нажатию на Enter

Question 1

Добавление таски по нажатию на Enter

Answer 1

Есть событие keydown, которое отрабатывает при нажатии какой-либо клавиши, когда фокус находится на элементе:

<input value={taskTitle}
onChange={event => setTaskTitle(event.currentTarget.value)}
onKeyDown={event => console.log(event.key)}/>

Событие keydown срабатывает, когда клавиша была нажата.
В отличии от события keypress, событие keydown срабатывает на всех клавишах, независимо от того, есть ли у них значение.

Нужно вызвать функцию создания таски, если key === ‘Enter’
<input value={taskTitle}
onChange={event => setTaskTitle(event.currentTarget.value)}
onKeyDown={event => {
if (event.key === ‘Enter’) {
createTaskHandler()
}
}}/>

или

const createTaskOnEnterHandler = (event: KeyboardEvent<HTMLInputElement> или React.KeyboardEvent<HTMLInputElement>) => {
if (event.key === 'Enter') {
createTaskHandler()
}
}</HTMLInputElement></HTMLInputElement>