专注于 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(() => {

    const myFunc = () => {}

    document.addEventListener('keyPress', myFunc)

    return () => {

        document.removeEventListener('keyPress', myFunc)

    }

}, [])