0
点赞
收藏
分享

微信扫一扫

OBS 录屏软件 for Mac 视频录制和视频实时交流软件 安装

boom莎卡拉卡 2024-06-12 阅读 6

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;
举报

相关推荐

0 条评论