如何根据单元格值有条件地设置 ReactJs 材料表单元格的样式？

我在材料表中有一个列，其中包含成功、失败等值。 根据这些值，我需要在单元格上应用颜色。如何使用材质表来实现.

这个答案是专门针对反应材料表 https://material-table.com/#/

在列部分中，我们需要具有如下所述的内容，因此当在表中呈现数据时，它将根据单元格值有条件地应用样式。

    {
    title: 'Status', field: 'status',
        render: rowData => {
            return
            rowData.status == "Pending" ? <p style={{ color: "#E87722", fontWeight: "bold" }}>{rowData.status}</p> :
                rowData.status == "SUCCESS" ? <p style={{ color: "#008240", fontWeight: "bold" }}>{rowData.status}</p> :
                    <p style={{ color: "#B0B700", fontWeight: "bold" }}>{rowData.status}</p>
        }
}