我有一個(gè)帶有 onClick 函數(shù)的按鈕，該函數(shù)會(huì)增加狀態(tài)變量。我正在嘗試添加一個(gè)事件偵聽器，以便當(dāng)用戶按下回車鍵時(shí)，它會(huì)遵循完全相同的行為。然而，可以觀察到，當(dāng)用戶按下回車鍵時(shí)，似乎多次調(diào)用該函數(shù)，而不是僅僅一次。我怎樣才能解決這個(gè)問題？https://codesandbox.io/s/friendly-gould-bpr7jconst { useState, useEffect } = React;/*export default*/ function App() {  const [value, updateValue] = useState(0);  useEffect(() => {    document.addEventListener("keypress", e => handleKeyPress(e));  }, []);  const onSubmit = () => {    console.log(value);    updateValue(oldVal => (oldVal + 1) % 2);  };  const handleKeyPress = e => {    if (e.key === "Enter") {      onSubmit();    }  };  return <button onClick={() => onSubmit()}>Click me</button>;}ReactDOM.render(<App />, document.getElementById("root"));<div id="root"></div><script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.12.0/umd/react.production.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.12.0/umd/react-dom.production.min.js"></script>