奇怪的行为：我希望第一和第二个console.log显示不同的结果，但是它们显示相同的结果，并且仅在下次单击时更改该值。我应该如何编辑代码，以使值有所不同？

function App() {

  const [count, setCount] = React.useState(false);

  const test = () => {

    console.log(count); //false

    setCount(!count);

    console.log(count); //false

  };

  return (

    <div className="App">

      <h1 onClick={test}>Hello StackOverflow</h1>

    </div>

  );

}



const rootElement = document.getElementById("root");

ReactDOM.render(<App />, rootElement);


<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>

<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>

<div id="root"></div>

您可以在这里看到一个有效的示例：https :
//codesandbox.io/s/wz9y5lqyzk