如果值发生变化，如何更改字体颜色？

Question

意思是在我的场景中，如果 ID 匹配获得成功值会发生什么，如果没有，那么它会出现NA ，您可以查看图像以更好地理解我需要设置的内容意味着如果 id 匹配值出现，我需要更改颜色，然后如果NA出现颜色会更改来吧，然后颜色变黑这是我的任务

.td-width-right tr td:first-child{
  width: 120px;
}
.td-width-right tr td{
  vertical-align: top;
  word-break: break-word !important;
}
.id-color {
  color: red;
}

  <tr>
    <td className="id-color" style={{ paddingBottom: "6px" }}>
      <strong>IDs Matched : </strong>
   </td>
   <td style={{ paddingBottom: "6px" }}>
     {item.sams_score.matched_id &&
      item.sams_score.matched_id.map((item) => (
              <p>{item}</p>
     ))}
   </td>
  </tr>

Answer 1

据我了解。

如果NA你需要有红色字体。 数据格式为matched_id: ["NA"]

尝试这个

<tr>
    <td className={Array.isArray(item.sams_score.matched_id) && item.sams_score.matched_id[0] === 'NA' ? "": "id-color"} style={{ paddingBottom: "6px" }}>
      <strong>IDs Matched : </strong>
   </td>
   <td style={{ paddingBottom: "6px" }}>
     {item.sams_score.matched_id &&
  item.sams_score.matched_id.map((item) => (
          <p>{item}</p>
 ))}
   </td>
  </tr>