项目遇到forwardRef,教你简单理解

208 阅读1分钟

先看文档zh-hans.reactjs.org/docs/forwar…

image.png

image.png

image.png

例如

子组件

export default forwardRef((
  {
    ...props
  },
  ref
)

<div>
    <Container ref={ref} />
</div>

父组件

const listRef = useRef();

// 通过listRef?.current就可以调用子组件的dom信息和属性
<List
            ref={listRef}