press enter key to submit react code example

Example 1: on enter key press react

onKeyPress={(e) => e.key === 'Enter' && handleSearch()}

Example 2: on enter key press react js

useEffect(() => {
    const listener = event => {
      if (event.code === "Enter" || event.code === "NumpadEnter") {
        console.log("Enter key was pressed. Run your function.");
        event.preventDefault();
        // callMyFunction();
      }
    };
    document.addEventListener("keydown", listener);
    return () => {
      document.removeEventListener("keydown", listener);
    };
  }, []);

Tags:

Misc Example