react简单实现获取dom元素

家人们 今天从老杨那里又学到新东西了！ 赶紧来看看吧
第一个方法： 

// 使用ref声明一个变量
  const tel = useRef(null)
  const pass = useRef(null)

 

再给input 内标签属性里面绑定 ref={变量名}

<input
                  className={style.inputs}
                  type="text"
                  placeholder="请输入手机号/用户名/邮箱"
                  ref={tel}
                  onInput={(e)=>{setAcc(e.target.value)}}
                />

再给点击事件绑定你的获取该元素 绑你的组件函数名

<p className={style.login} onClick={login}>登&nbsp;录</p>

点击事件输出一下就好啦

const login = ()=>{
    console.log(tel.current.value);
    // console.log(pass.current.value);
  }

第二个方法：

 // 声明一个变量
  const [acc,setAcc] = useState('')

 通过onInput事件绑定就可以获取到值啦

              <input
                  className={style.inputs}
                  type="text"
                  placeholder="请输入手机号/用户名/邮箱"
                  ref={tel}
                  onInput={(e)=>{setAcc(e.target.value)}}
                />

 输出acc就可以看到值啦

const login = ()=>{
    console.log(acc);
  }