React forwardRef: Насколько глубоко вы можете передать forwardRef?

Question

Мне интересно, насколько глубоко вы можете передать forwardRef во вложенном приложении и как это передать?

Что-то вроде этого:

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

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

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

            <GreatGrandChild>
              ....
            </GreatGrandChild>

а затем используйте его в компоненте GreatGrandChild или передавая ссылку и элемент в Parent вниз в GreatGrandChild

Answer 1

Вы можете передать рефери сколько угодно, но это кажется неэффективным.

Альтернативой может быть использование контекстного API для установки ссылки в производителе (компонента, содержащего элемент ссылки) и использования ее в потребителе (дочернем элементе, который будет использовать ссылку).