react hooks 获取input输入的值


import React,{ useState ,useRef} from 'react'
const VrCornucopiaHome = () => {
  const [projectContent,setProjectContent] = useState()
  const [projectContentNumber,setProjectContentNumber] = useState(0)
 const dateVal = useRef()
 const value = useRef()
  return (
    <div>
      
      <input type="number" ref={dateVal} defaultValue={phoneNumber} placeholder='系统自动带出当前登录人电话' onChange={ (e) => {
          value.current.value = dateVal.current.value   //第一次方式
                e.target.value  //第二种方式
           }}></input>
      
          <textarea defaultValue={projectContent} placeholder="请输入内容" onChange={ (e) => {
               let str = e.target.value
               if(str.length <= 300){
                  setProjectContent(e.target.value)
                  setProjectContentNumber(str.length)
               }
          }}></textarea>

    </div>
  )
}
export default VrCornucopiaHome

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM