Javascript 在条件为true时操作其他元素，Reactjs jsx

我在选择选项上有一个映射循环。如果条件为true，则选择一个选项。现在，我希望select标记中的一个元素在条件为true时有一个类“check”

<div className="select-style">
    <select>
        {xarray.map((heading, index) => 
            {return heading.headingis.toLowerCase().indexOf('earning') != -1 ?
                <option value="{heading.headingis}" key={index} selected>{heading.headingis}</option>
                :
                <option value="{heading.headingis}" key={index}>{heading.headingis}</option>
            }
       )}                                                 
    </select>
  </div>
<div className="mapping-check"></div>

{xarray.map（（标题，索引）=>
{return heading.headingis.toLowerCase（）.indexOf（'earning'）！=-1？
{heading.headingis}
:
{heading.headingis}
}
)}                                                 

如果条件

1

为真，

2

应具有“映射检查”类。否则就没课了

编辑：有多个下拉列表，每个下拉列表都有一个检查div

---

如何实现这一点？

您需要为

标记设置一个

onChange

事件，并且根据所选选项，您可以将

状态属性

更改为

true

然后会有一个三元条件，如：

---

您可以使用另一个类或多个类来代替空字符串。

您需要为

标记设置一个

onChange

事件，并且根据所选选项，您可以将

状态属性

更改为

true

然后会有一个三元条件，如：

---

代替空字符串，您可以有另一个类或多个类。

谢谢，请检查编辑的问题。谢谢，请检查编辑的问题。您所说的“每个类都有一个检查div”是什么意思？表示有多行（动态），我必须维护每个

的状态吗？每个下拉列表将有不同的

要操作，或者它将只有一个

和多个类？请选中“粘贴”：每个将有不同的div来添加检查。然后您可以创建一个组件，该组件将有

和

映射检查，它将在内部处理
状态的更改。您所说的“每个都有一个check div”是什么意思？意思是，有多行（动态），我是否必须维护每个
的状态？每个下拉列表都有不同的
可操作，或者它将只有一个
和多个类？请选中粘贴：每个类将有不同的div来添加检查。然后您可以创建一个组件，该组件将有
和
.mapping check
div，它将在内部处理
状态的更改。