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
  • 相关阅读:
    debian7安装oracle11g
    unix fopen和fopen_s用法的比较
    QT的三种协议说明
    Qt之遍历文件夹
    Debian 7 安装配置总结
    用户不在sudoers文件中的解决方法 .
    QT断点续传
    QFtp类参考
    FTP服务器简易有效的访问方法
    Java爬虫搜索原理实现
  • 原文地址:https://www.cnblogs.com/tlfe/p/14777307.html
Copyright © 2011-2022 走看看