react函数式组件(hooks)之useRef

ref就是类似于id的属性,用于获取dom元素,比较简单:

import {useRef} from 'react'

function App5(){
    const element = useRef(null)

    const handleClick = () => {
        console.log(element.current)    		// 获取input
        console.log(element.current.value)  // 获取到input中的值
        
    }

    return (
        <>
            <input type="text" ref={element} />
            <button onClick={handleClick}>获取input标签</button>
        </>
    )
}

export default App5;

更多查看react官网

你可能感兴趣的:(react.js,javascript,前端)