小编sat*_*yam的帖子

我正在创建一个 React 应用程序，其中有一种称为输入的状态，它正在从用户那里获取输入。我希望当我按下回车键时，警报应该显示正在设置状态的输入。但是，单击enter按键时，仅显示输入状态中设置的默认值。

但是，当我单击按钮（我创建该按钮是为了在警报中显示输入）时，警报中显示的输入是正确的。

请参阅下面的代码片段以供参考：

import React, { useEffect, useRef, useState } from 'react';

export default function ShowAlertExample() {

  const [input, setInput ] = useState('1');
  const handleInputChange = (e) => {
    setInput(e.target.value);
  }

  const handleShowAlert = () => {
    alert(input);
  }

  const checkKeyPress = (e) =>{
    const { key, keyCode } = e;
    console.log(key, keyCode)
    if (keyCode === 13 ) {
      alert(input);
    }
  }

  useEffect(()=>{
    window.addEventListener("keydown", checkKeyPress)
    return ()=>{
      window.removeEventListener("keydown", checkKeyPress)
    }
  }, [])
  
  return (
    <div>
      <header …