当我将键设置为props值时，为什么事件侦听器不响应?

Question

如果用户按下组件道具中呈现的键

我试图执行一个函数

const triggerFunc = (e) => {
if(e.key == props.key) {
clickFunc()
}
}
React.useEffect(() => {
document.addEventListener('keydown', triggerFunc)
return () => {
document.removeEventListener('keydown', triggerFunc)
}
}, [])

我希望它能工作但是当我按下其中的键设置时什么也没有发生尽管如果我将它设置为键，就像这样if(e.key == 'q')

Answer 1

key是react组件的内部属性/道具之一，您需要将属性名称从key更改为其他内容，它将正常工作。

Answer 2

我找到了一个简单的解决方案，它是通过改变道具。关键是道具。numKey之类的