小编ato*_*ike的帖子

我正在使用'material-ui'并尝试获取一个表元素,以便在元素具有特定值时更改颜色.下面是我尝试过的代码,如果单元格值是"Out of Zone",背景应该是red'ish.表格渲染得很好,但切换颜色变化不起作用,怎么样(或者我的方法都错了)？

function renderRowColumn(row, column) {
    if (row.status == "Out of Zone") {
        return (
            <TableRowColumn className="ae-zone">
                {row[column.name]}
            </TableRowColumn>
        )
    }
    return (
        <TableRowColumn>
            {row[column.name]}
        </TableRowColumn>
    )
}

在style.css中:

.ae-zone {
    background-color: '#e57373';
    font: "white";
}