const App = () => {
const buttonRef = useRef(null)
useEffect(() => {
console.log('buttonRef');
console.log(buttonRef.current); //就是Button3组件的dom
},[])
return (
<div>
<Button3 ref={buttonRef}>按钮</Button3>
</div>
)
}
const Button2 = (props, ref) => {
console.log(props);
console.log(ref);
return (
<button ref={ref} {...props}>hello</button>
)
}
const Button3 = React.forwardRef(Button2)
props 无法传递ref 为了拿到子组件的dom结构而使用
React Hooks Hooks其实就是有状态的函数式组件。 React Hooks让React的成本降低了很多...
前置 学习面试视频 总结react hooks react-hooks react-hooks为函数组件提供了一些...
前言 React Conf 2018 上 React 提出了关于 React Hooks 的提案，Hooks 作为...
首先附上官网正文?：React Hooks Hooks are a new addition in React 1...
react-hooks react-hooks 是react16.8以后，react新增的钩子API，目的是增加代...
react-hooks HOOKS hooks概念在React Conf 2018被提出来，并将在未来的版本中被...
React Hooks 是 React v16.8 版本引入了全新的 API。 React Hooks 基本概念 ...
1. react hooks简介 react hooks 是react 16.8.0 的新增特性，它可以让你在不编...
什么是React Hooks? 首先React Hooks是React生态圈里的新特性，它改变了传统react的开...
本文标题：react hooks 之 fowardRef
本文链接：https://www.haomeiwen.com/subject/afdrxrtx.html
网友评论