Reactjs 使用React引导表中的类修改行数据

我正在使用来显示我的数据

这是我试图显示的数据

[
    {
        color: "red",
        value: "#f00",
        status: "Success"
    },
    {
        color: "green",
        value: "#0f0",
        status: "Success"
    },
    {
        color: "blue",
        value: "#00f",
        status: "Failed"
    },
    {
        color: "cyan",
        value: "#0ff",
        status: "Failed"
    },
    {
        color: "magenta",
        value: "#f0f",
        status: "Success"
    },
    {
        color: "yellow",
        value: "#ff0",
        status: "Failed"
    },
    {
        color: "black",
        value: "#000",
        status: "Success"
    }
]

如果状态为失败，我想添加类glyphicon移除标志，如果成功，则使用此glyphicon确定标志

如何修改数据和类？现在它显示文本，但我想要符号

谢谢。

您可以映射数据数组，并有条件地将类添加到每个对象：

常数数据=[ { 颜色：红色， 值：f00， 状态：成功 }, { 颜色：绿色， 值：0f0， 状态：成功 }, { 颜色：蓝色， 价值：00f， 状态：失败 }, { 颜色：青色， 值：0ff， 状态：失败 }, { 颜色：洋红色， 值：f0f， 状态：成功 }, { 颜色：黄色， 值：ff0， 状态：失败 }, { 颜色：黑色， 价值：000， 状态：成功 } ]; console.logdata.map d=>{ d、 class=d.status.toLowerCase==‘失败’？‘glyphicon删除符号’：‘glyphicon确定符号’； 返回d；

---

};更多代码更少css您尝试了什么