React中函数式Hooks之useRef的使用

useRef的基本使用

import React from 'react'
import {
    Button } from 'antd'

export default function Key(){
   

    let myRef = React.useRef()
    const alertFun = ()=>{
   
        alert(myRef.current.value)
    }
    return (
        <div>
            <input type="test" ref={
   myRef}/>
            <Button onClick={
   alertFun}>展示input的值</Button>
        </div>
    )
}

        

          
        
        
        

          

          AI 代码解读
        
      
      

和类式组件中的React.createRef使用方法一样。
一个ref变量只能绑定一个dom元素。