家人们 今天从老杨那里又学到新东西了! 赶紧来看看吧
第一个方法:
// 使用ref声明一个变量const tel = useRef(null)const pass = useRef(null)
再给input 内标签属性里面绑定 ref={变量名}
<inputclassName={style.inputs}type="text"placeholder="请输入手机号/用户名/邮箱"ref={tel}onInput={(e)=>{setAcc(e.target.value)}}/>
再给点击事件绑定你的获取该元素 绑你的组件函数名
<p className={style.login} onClick={login}>登 录</p>
点击事件输出一下就好啦
const login = ()=>{console.log(tel.current.value);// console.log(pass.current.value);}
第二个方法:
// 声明一个变量const [acc,setAcc] = useState('')
通过onInput事件绑定就可以获取到值啦
<inputclassName={style.inputs}type="text"placeholder="请输入手机号/用户名/邮箱"ref={tel}onInput={(e)=>{setAcc(e.target.value)}}/>
输出acc就可以看到值啦
const login = ()=>{console.log(acc);}