我当前正在使用称为reacttable的reactjs库。它的工作发现,但我很难使类名动态化。我想在单元格中添加过期的课程
这是我的代码
<ReactTable
data={TaskObject}
filterable
defaultFilterMethod={(filter, row) =>
String(row[filter.id]) === filter.value
}
columns={[
{
Header: "Due Date",
id: "IndividualTaskDueDate",
accessor: d => {
return d.IndividualTaskDueDate
? d.IndividualTaskDueDate.format("MM/DD/YYYY")
: null;
},
minWidth: 120,
maxWidth: 120,
Cell: this.renderEditable,
className: d => {
return moment().isAfter(d.IndividualTaskDueDate)
? "overdue"
: "";
},
filterMethod: (filter, row) => {
if (filter.value === "all") {
return true;
} else {
return row[filter.id] === filter.value;
}
},
}]} />
请注意,“ IndividualTaskDueDate”值已在当前时刻