时间戳

首页 > 解决方案 > 将自定义类添加到反应虚拟化网格

css - 将自定义类添加到反应虚拟化网格

问题描述

我正在尝试在反应中向网格组件添加一些自定义类，如果行是偶数，我想添加一个类，一个类是奇数行，也是第一个网格行的一个类

我的两个论点都有效，如果我将其中一个注释掉，但我不知道如何让这两个论点一起工作，我不想使用 and && 或 || 如果这有意义......或者如果有更优雅的方式来编写我的代码

    getRowClassName(row) {
    return row % 2 === 0 ? "evenRow" : "oddRow";
    return row === 0 ? "FirstRow" : "";
}

我试过这个，但这只运行第二个参数

    getRowClassName(row) {
    return row % 2 === 0 ? "evenRow" : "oddRow", row === 0 ? "FirstRow" : "";
}

标签： cssreactjsreact-virtualized

解决方案

我认为对我的问题最干净的解决方案是将这两个参数分成两个不同的函数

getFirstRowClassName(row) {
    return row === 0 ? "FirstRow" : "";
}

getRowClassName(row) {
    return row % 2 === 0 ? "evenRow" : "oddRow";
}

然后我将它们都添加到我的网格中

推荐阅读