Javascript 如何使用createRef（）将渲染道具内部的子对象的ref转发到容器组件？

我有一个

组件，它在渲染道具中渲染一组元素。在render prop中，我想将一组元素的createRef（）ref传递回它们的父元素

(
一个

两个

三

{props.title}
)}
/>

---

所以REF应该可以在控制器内访问。如何实现这一点？

在进行渲染的类中创建ref对象。像往常一样，使用ref=将它们传递给它们所连接的组件。然后将它们传递给控制器，使用React中的

ref

道具时，使用React中的

ref

道具时，它总是分配给您将其附加到的组件，例如，如果将

createRef（）

附加到控制器上的

ref

道具，则参考集将是控制器组件

如果要将

createRef（）

深入组件，则需要使用不同的道具名称，例如

innerRef

，然后可以使用

ref

组件将

innerRef

道具分配给子元素，例如

ref={props.innerRef}

此外，您还可以使用

React.forwardRef（）

函数组件来允许您仍然使用ref，但控制分配给哪个子元素

  <Controller render={(props) => (
    <div className="ref-one">
      <div className="ref-two">
        <Stepper index={props.index} />
        <p>one</p>
        <p>two</p>
        <p>three</p>
        <h1>{props.title}</h1>
      </div>
    </div>
  )}
  />