Как изменить className компонента в соответствии с className его потомка в React? - PullRequest
Новая
       8

Как изменить className компонента в соответствии с className его потомка в React?

0 голосов
/ 22 ноября 2018

У меня есть приложение React, которое приводит к структуре, подобной этой:

[РЕДАКТИРОВАТЬ.достаточно для описания проблемы)]: 

<Component1 className="main-component1">
    <Something className="sub-component1"/>
    <SomethingDifferent className="sub-component2"/>
    <Something className="sub-component1"/>
</Component1>
<Component1 className="main-component1">
    <SomethingDifferent className="sub-component2"/>
    <SomethingDifferent className="sub-component2"/>
        <div className="popup"/>
    </SomethingDifferent>
    <Something className="subComponent1"/>
</Component1>
.
.
.

popup отображается только в определенных ситуациях.И я хотел бы изменить className его верхнего родителя (Component1) на className="main-component1 containsPopup".Есть идеи, как это сделать?

Я думал об использовании Refs , но я не смог найти подходящее применение в этом случае.

Другая идея состояла в том, чтобы просто использовать фильтр запросов, чтобы найти его, но это не кажется мне хорошим подходом.

Я буду рад любым идеям ^ _ ^

...