react的表单的双向绑定

// userState实现计数实例
import {useState} from 'react'
  // 1.声明一个react的状态  -useState
  // 2.核心绑定流程
     //1.通过value属性绑定react状态
     //2.绑定onChange事件，通过事件参数e拿到输入框最新的值，反向修改到react状态
function App() {
 
  const [inputValue,setValue]= useState('');
  return (
    <div className="App">
      <h1>双向绑定</h1> 
      <div>双向绑定测试--{inputValue}</div>
      <input value={inputValue} onChange={(e)=>setValue(e.target.value)}></input>
    </div>
  );
}
export default App;