reactjs - React Bootstrap Table のクラスを使用して行データを変更する

Question

データを表示するために react-bootstrap-table-nextを使用しています。

これが私が表示しようとしているデータです。

[
    {
        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-remove-sign」を追加し、成功した場合は、この glyphicon-ok-sign を使用します。

データとクラスを変更するにはどうすればよいですか? 現在、テキストが表示されていますが、シンボルが必要です。

ありがとう。