react扩展5_RefHook

第三个我们经常用到的Hook就是RefHook。
useRef的用法和React.createRef()一样。都是用来保存标签对象的。

import React from 'react'
import ReactDOM from 'react-dom'

export default function Demo(){
    const [count,setCount]=React.useState(0);

    const myRef=React.useRef()
    const show=()=>{
        alert(myRef.current.value)
    }
    return (
        <div>
            <input type="text" ref={myRef}/>
            <button onClick={show}>点击展示数据</button>
        </div>
    )
}