html - 我们可以为单个 div 元素分别设置两个类属性吗？

Question

我正在开发一个 React 应用程序。我想要一个带有条件类的 div，如下所示:

<div class="defaultClass1 defaultClass2" class = {player_color === 1? "bg-green" :"bg-opponent"}>
      <p>Body</p>
</div>

我发现，第二写的类完全覆盖了前一个。那么有没有一种简单的方法可以让我在不重复“bg-green”和“bg-opponent”中的默认类的情况下获得这两个类的效果？

Answer 1

像下面这样的东西应该可以工作。检查并尝试

<div className={"defaultClass1 defaultClass2 " + (player_color === 1? 'bg-green' :'bg-opponent')}>
<p>Body</p>