按下回車鍵時如何觸發輸入元素或表單的提交操作？

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 事件。