腾讯一面React中ref转发

# 腾讯一面React中ref转发

可以用于获取函数式组件的ref

const ref = React.createRef();
<FunComp ref={ref} />

1
2

由于FunComp是函数式组件，没有实例，所以我们没有办法获得函数式组件的ref，在这我们就可以使用ref转发来解决:

const FunComp = React.forwardRef((props, ref) => (
 // 内部为FunComp组件的实现逻辑，在这里面你可以把ref赋值给你想赋值的DOM节点
));

1
2
3

之后你就可以直接在FunComp组件传ref了:

<FunComp ref={ref} />