React 学习——forwardRef，暴漏子组件的dom元素

本文主要是介绍React 学习——forwardRef，暴漏子组件的dom元素，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

父组件拿到子组件的值：使用forwardRef

import {  forwardRef,useRef } from 'react';const Input = forwardRef((props,ref)=>{return <input type="text" ref={ref} />
})const App = () => {const inputRef = useRef(null);const showRef = () => {console.log(inputRef.current.value);}return (<div className="home"><Input ref={inputRef} /><button onClick={showRef}>拿到子组件的值</button></div>)
}export default App

这篇关于React 学习——forwardRef，暴漏子组件的dom元素的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---