第一个方法:
// 使用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}>登 录</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); }