如何在react中不使用jquery或js来应用条件css

Question

我有一个类似的代码

<div class="abc">
<componentName > abc </componentName>
<component2> </component2> 
</div>

component2从DB中获取值，当component2没有获取任何值时，我希望它被隐藏或显示：none。但我只能通过CSS来完成，我不能在组件中添加任何类，我不能使用JS、react或jquery。任何变通方法都会有所帮助。

Answer 1

现在，当它为空时，当它是空的或没有任何值时，我已经在那里应用了display: none;。把价值放进去玩，然后让它再次变空。或者你也可以通过检查元素来检查CSS

componenet2:empty {
display: none;
}

<div class="abc">
<componentName > abc </componentName>
<componenet2></componenet2> 
</div>