javascript - 为什么这个CSS类条件在react js中不起作用？

Question

我尝试在类 React 中使用 CSS 条件，但它不起作用，我不知道我应用了 4 个条件，但不起作用，我不知道哪里出了问题。

谢谢

<td className="lom">
                  <span
                    className={
                      (`${c.overall_score <= 4 ? "summary" : ""}`,
                      `${c.overall_score <= 6 ? "orange" : ""}`,
                      `${c.overall_score <= 8 ? "speed" : ""}`,
                      `${c.overall_score <= 10 ? "dynamic" : ""}`)
                    }
                  >
                    {c.overall_score}
                  </span>
                </td>

Answer 1

这是语法错误。试试这个:

className={`${c.overall_score <= 4 ? "summary" : ""} 
  ${c.overall_score <= 6 ? "orange" : ""} 
  ${c.overall_score <= 8 ? "speed" : ""}
  ${c.overall_score <= 10 ? "dynamic" : ""}`
}

或者使用classnames就像评论中提到的 FortyTwo 一样。我认为这对于您的情况来说是更好的方法。