在 React 里，如何实现双向绑定，并将其抽象成公共组件？

【概念释义】

React 无内置双向绑定，通过 受控组件 实现：value 由 state 提供，onChange 回写 state，形成「数据下行、事件上行」闭环。抽象公共组件时约定 value + onChange（或 onValueChange）接口，与 antd Form 一致，可再封装 useControllableState 支持受控/非受控双模式。

【基础使用】

function TextField({ value, onChange, placeholder }) {
  return (
    <input