React 如何達到雙向綁定的效果

使用 JS Framework 可能最低的需求就是雙向綁定，期望達到資料與介面任一項變動時，都會反應給

另一個，那在 react 會如何實現...

先透過 vite 建立 react 專案，並將專案跑起來

其中畫面上會有可以點選的按鈕，會累加點選的次數

檢視原始碼

其中，透過 useState() hook 來定義 count 與 setCount() ，前者為變數，後者為方法，

變數 count 的預設值為 「0」(useState(0))，且變數 count 必須透過 setCount() 方法來

賦值，意即 count 變數為唯讀的；

在 button 按鈕的 onClick 事件中，透過表達式使用 setCount()  方法，並且 callback 函

式中去指定 count 的值

為了證明 count 變數僅能是唯讀的狀態，這邊調整一下程式碼

此時，畫面上雖然有呈現 99 ，但是點選按鈕沒有觸發動作

至於為何僅能宣告為 const 而不能使用 let 來定義，官網找不到，詢問AI 後得到以下回應