Сосредоточение внимания на элемент Div - реагировать

Question

Я бы хотел, чтобы событие onKeyPress срабатывало при нажатии клавиши, когда отображается «Уровень». Из того, что я прочитал, нужно сфокусироваться на div, чтобы они могли зарегистрироваться - но я не совсем уверен, как этого добиться, используя функциональные компоненты.

const handleKeyPress = e => {
    console.log(e);
}

export default () => {
    const [currentLevel, setCurrentLevel] = useState(1);

    return (
        <Level onKeyPress={handleKeyPress} />
    )
}

Answer 1

Вы пытались добавить списки событий в useEffect? ​​

useEffect(() => {
    const myFunc = () => {}

    document.addEventListener('keyPress', myFunc)

    return () => {
        document.removeEventListener('keyPress', myFunc)
    }
}, [])