React学习第二天

最新推荐文章于 2026-06-22 14:42:46 发布

原创最新推荐文章于 2026-06-22 14:42:46 发布 · 158 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#react.js #学习 #javascript

收录于

表单受控绑定

import { useState } from "react";
function App() {
  const [value,setValue]=useState('')
   return (
    <div className="App">
      <input value={value} onChange={(e)=>setValue(e.target.value)} type='text'></input>
    </div>

  );
}

export default App;

获取DOM

//获取DOM

import { useRef, useState } from "react";
function App() {
  const inputRef = useRef(null)
  const showDom=(dom)=>{
    console.dir(dom.current)
  }


   return (
    <div className="App">
      <input type="text" ref={inputRef}></input>
      <button onClick={()=>showDom(inputRef)}>获取DOM</button>
    </div>

  );
}

export default App;