繁体   English   中英

反应嵌套 2 级 object 的参考

[英]React refs of nested 2nd level object

假设这个结构

const Foo = () => {
    const bazRefs = React.useRef<Array<HTMLDivElement | null>>([]); // List of Baz wanted

    return <div>{[0, 1, 2, 3].map((i) => <Bar ref={(el) => (bazRefs.current[i] = el)} />)}</div>
}

const Bar = React.forwardRef<HTMLDivElement>(({ }, ref) => {
    return <div>{[0, 1, 2].map(() => <Baz />)}</div>
})

const Baz = () => {
    return <div ref={ref}>Test</div>
}

我知道通过回调我可以获得Bar的列表,但是Baz的聚合列表怎么样?

您可以在Foo组件中定义一个 Refs 数组并使用 for 循环来分配初始值:

  for (...){
    myRef = useRef()
  }

然后您可以将其传递给子组件。

①如果本文未解决您的问题,请点击查看与本文相关的问题
②如果本文未解决您的问题,请向程序员专用AI小助手提问
暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM