专注于 Div 元素 - React

Question

我希望在显示“关卡”时按下按键时触发 onKeyPress 事件。根据我的阅读，需要关注 div 才能注册 - 但我不太确定如何使用功能组件来实现这一点。

const handleKeyPress = e => {

    console.log(e);

}

export default () => {

    const [currentLevel, setCurrentLevel] = useState(1);

    return (

        <Level onKeyPress={handleKeyPress} />

    )

}

Answer 1

您是否尝试过在 useEffect 中添加事件监听器？useEffect(() => {&nbsp; &nbsp; const myFunc = () => {}&nbsp; &nbsp; document.addEventListener('keyPress', myFunc)&nbsp; &nbsp; return () => {&nbsp; &nbsp; &nbsp; &nbsp; document.removeEventListener('keyPress', myFunc)&nbsp; &nbsp; }}, [])