How to trigger a submit action for an input element or form while pressing enter key?

Question

Have a simple search bar (input field) which should trigger an onSubmit action while we press Enter button

Answer 1

You can use onKeyPress. Check this: https://stackoverflow.com/questions/13987300/how-to-capture-enter-key-press

Answer 2

Simple, have a button type submit inside the form. Here's an example:

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

You don't need to use onKeyPress event.