zoukankan      html  css  js  c++  java
  • 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
  • 相关阅读:
    get与post的区别
    细数28个服务器端控件
    学习笔记
    是Attribute,还是Property
    学习日记
    C#常见面视题(附答案)
    扩展GridView(八)——导出为Excel
    如何实现ObjectDataSource与GridView的分页操作
    asp.net程序性能优化总结
    Array和ArrayList的异同点
  • 原文地址:https://www.cnblogs.com/tlfe/p/14777307.html
Copyright © 2011-2022 走看看