Где-то глубоко в дереве компонентов React есть компонент Component
, которому нужно выше в дереве (не в родительском компоненте) в компоненте Root
отрендерить какой-то блок Child
.
- После размонтирования компонента
Component
, этот "дочерний" компонентChild
(который должен находится выше в дереве вRoot
) должен размонтироваться соответственно. - При этом компонент
Child
может быть отрендерен в одном из компонентовSidebar1
илиSidebar2
, в зависимости от каких-то условий, например, ширина экрана. - Таких блоков может быть очень много, поэтому нужно что бы
Component
только рисовал компонент, аRoot
уже определял логику где его рендерить: вSidebar1
или вSidebar2
.
Короче, нужно что бы компонент рендерил компонент не внутри себя, в вне себя высоко в дереве. Как с помощью React сделать это лучше всего?