为什么在 useState Varaible Declare 时不使用 const？ 显示错误

Question

当 const 标识符用于将 useState 声明为 eg

const [counterState, setCounterState] = useState(0);

import {  useState } from 'react';

function App() {

  let count =0;
  const [counter, setCounter] = useState(0);
  
  const Incrementalcount=()=>{
++count;
console.log(count);
setCounter(++counter);
}

  return (
   
    <div className="App">
      <header className="App-header">
       State counter wihtout is{count}

       <br></br>
       State counter  is {counter} 
       <br></br>

       <button onClick={Incrementalcount}> Counter </button>
      </header>
    </div>
  );
}

export default App;

我正在尝试，但 State 变量值在单击时不会更新 ===

当单击按钮然后在开发人员工具中出错

在 Developer Tool 中显示 Error 和 Not to be incremental value

Answer 1

使用setCounter(counter + 1); 反而

演示