按下回车键时如何触发输入元素或表单的提交操作？

Question

有一个简单的搜索栏（输入字段），当我们按下 Enter 按钮时，它应该触发一个 onSubmit 动作

Answer 1

您可以使用 onKeyPress。 检查这个： https://stackoverflow.com/questions/13987300/how-to-capture-enter-key-press

Answer 2

很简单，在表单内有一个按钮类型提交。 这是一个例子：

const onSubmit = () => {}
// ..
<form onSubmit={onSubmit}>
  ...
  <button type="submit">Search</button>
  ...
</form>

您不需要使用 onKeyPress 事件。