React设置类激活时，它被选中

Question

当检查卡时，我试图设置active class，我不知道我做错了什么

这是我的场景

const handleCardClick = (index) => {
const newFiles = files.map((file, i) => {
if (i === index) file.checked = !file.checked
return file
});
}
<MediaCard
onClick={() => handleCardClick(i)}
checked={file.checked}
className={`Card-${file.checked > 0 ? "active" : "notActive"}`}
/>

这就是我要做的

className={`Card-${file.checked > 0 ? "active" : "notActive"}`}

它看起来不像那样工作

Answer 1

像这样直接检查变量:

className={`Card-${!!file.checked ? "active" : "notActive"}`}