javascript - 如何更改文本颜色取决于使用 javascript 进行 reactjs Web 应用程序的文本值？

Question

{数据.状态}

如果数据状态值为是表示，则为绿色如果数据状态值为否表示，则如果数据状态值为非是或否，则为红色，不显示内容

我是reactjs的新手。所以请帮助我

标签： javascriptreactjs

Answer 1

您可以使用 JavaScript 更改 CSS 类名，然后为这些类名分配不同的颜色：

{
    <div className={data.status === "yes" ? "green" : "red"}>
      My color will change
    </div>
}

然后在你的 CSS 文件中简单地为这些类名分配颜色。