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