受控表單綁定
在 React 中，受控組件（Controlled Component）是指表單元素的值由 React 組件的 state 管理，React 通過 onChange 事件監聽輸入變化，并實時更新 state，從而控制表單輸入值。
為什么要使用受控組件？
📌 傳統 HTML 表單（非受控） 直接由 DOM 處理數據，React 無法追蹤輸入變化。
📌 受控組件 讓 React 直接管理表單輸入值，使其可預測、可追蹤、可管理。
雙向數據綁定
這可以看作是某種意義上的雙向數據綁定。但是 React 的設計理念是 單向數據流（One-way Data Flow）：
- 數據從 state 流向 UI
- 用戶操作觸發事件，更新 state
- React 重新渲染 UI
通過這種 state + onChange 的方式，可以模擬雙向綁定的效果。例如：
const [value, setValue] = useState('');
const handleChange = (event) => {setValue(event.target.value);
}<div><input type="text" value={this.state.value} onChange={this.handleChange} />
</div>
