如何通过单击按钮或按enter键来调用函数？

<button onclick="myFunction()">点击我</button>
<input type="text" onkeydown="if(event.keyCode === 13) myFunction()">

<script>
function myFunction() {
  // 在这里编写需要执行的函数代码
  console.log("函数被调用了");
}
</script>

import React from 'react';

function MyComponent() {
  const handleClick = () => {
    // 在这里编写需要执行的函数代码
    console.log("函数被调用了");
  };

  const handleKeyDown = (event) => {
    if (event.keyCode === 13) {
      // 在这里编写需要执行的函数代码
      console.log("函数被调用了");
    }
  };

  return (
    <div>
      <button onClick={handleClick}>点击我</button>
      <input type="text" onKeyDown={handleKeyDown} />
    </div>
  );
}