如何在ReactJS中处理“onKeyPress”事件？

作者

如何使onKeyPress事件在ReactJS中工作？当按下enter（keyCode=13）时，它应发出警报

var Test=React.createClass({
添加：功能（事件）{
如果（event.keyCode==13）{
警报（“添加…”）；
}
},
render:function（）{
返回(
&lt；div&gt；
&lt；input type=“text”id=“one”onKeyPress={this.add}/&gt；
&lt；/div&gt；
);
}
});
React.render（&lt；Test/&gt；，document.body）；

我使用的是React 0.14.7，使用onKeyPress和event。键运行良好

handleKeyPress=（事件）=&gt；{
如果（event.key=='Enter'）{
console.log（'enter-press-here！'）
}
}
render:function（）{
返回(
&lt；div&gt；
&lt；input type=“text”id=“one”onKeyPress={this.handleKeyPress}/&gt；
&lt；/div&gt；
);
}

相关文章：

  1. 使用React路由器以编程方式导航
  2. 您是否可以在不调用setState的情况下强制React组件重新加载？
  3. 未捕获错误：不变冲突：元素类型无效：应为字符串（用于内置组件）或类/函数，但得到：对象
  4. 使用es6类时，React中的“super（）”和“super（props）”有什么区别？

发表评论

© 2026 开发百科-程序代码问答平台 • Built with