基于react实现输入框数据双向绑定实现 函数组件hook

一、当需要实现函数组件的双向绑定时无非就是实现手动将事件对象加值变量

1.useState + value + onChange事件对象  =>输入框双想绑定

const Input=()=>{
  const [message,setMessage] = useState('');
  return(
  <>
  <input
    value={message}
    type="text"
    onChange={(e)=>{
   const val =e.target.value;
    setMessage(val);
}}
 //去除自动填充提示
  autoComplete="off"
/>
  <h1>{message}</h1>
</>
)
}
//简单封装jsx对象dom

再去看看缓存函数怎么去写依赖