基於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

再去看看緩存函數怎么去寫依賴