反应forwardRef:您可以传递多深的forwardRef?

时间:2020-02-12 18:00:37

标签: reactjs ref react-forwardref

我想知道您可以在嵌套应用程序中向下传递forwardRef的深度,有人会如何传递它?

类似这样的东西:

<Parent>
  <Child>
    ....
  </Child>
</Parent>

    <Child>
      <GrandChild>
          ....      
      </GrandChild>
    </Child>

        <GrandChild>
          <GreatGrandChild>
            ....
          </GreatGrandChild>
        </GrandChild>

            <GreatGrandChild>
              ....
            </GreatGrandChild>

,然后在GreatGrandChild组件中使用它,或将Parent中的和元素的引用向下传递给GreatGrandChild

1 个答案:

答案 0 :(得分:1)

您可以根据需要传递尽可能深的引用,但这似乎效率不高。

一种选择是使用上下文API在生产者(包含ref元素的组件)中设置ref,并在消费者(将使用ref的子对象)中使用ref。