javascript - React 应用程序不处理键盘事件

Question

我正在尝试监听键盘事件，无论是 onKeyPress 还是 onKeyDown，这两个处理程序都不会触发。我知道 1. 我的键盘可以工作，2. 相同的处理程序可以为 onClick 工作。

例如(对我的组件使用 ES6 类语法)

render() {
  return (
    <div
      onKeyPress={function(e){console.log('keypress');}}
      onKeyDown={function(e){console.log('keydown');}}
      onClick={function(e){console.log('click');}}
    >
      ...
    </div>
  );
}

只有“点击”才会记录到控制台。不确定错误如何来自此组件文件外部，但如有必要，将包含更多代码。

Answer 1

如果您使用类，请将这些函数放在类内部，然后在 onKeyPress 等事件上调用它们

doSomething(){}