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
  • 相关阅读:
    一个好用的网站生成工具
    golang sync.Cond 类
    go语言的一些特性
    git 指令如何撤销一次merge
    k8s学习(二)——etcdctl工具的使用
    python numpy array 的一些问题
    (转) Python Generators(生成器)——yield关键字
    shell 括号学习
    zsh
    vim 常用命令总结
  • 原文地址:https://www.cnblogs.com/tlfe/p/14777307.html
Copyright © 2011-2022 走看看