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
  • 相关阅读:
    mysql 写计数器需要注意的问题
    CSS3倒影效果
    svg path 解析
    图论-深度优先和广度优先(均非递归)
    线段树---HDU1166敌兵布阵
    线段树入门---给定多个线段求点的出现个数
    NYOJ-129 并查集
    并查集(基础)
    二叉搜索树
    堆及堆排序
  • 原文地址:https://www.cnblogs.com/tlfe/p/14777307.html
Copyright © 2011-2022 走看看