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

Question

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

我的两个论点都有效，如果我对另一个论点进行评论，但我无法全神贯注地思考如何让这两个论点一起工作，我不想使用和 && 或 | |如果这有意义……或者是否有更优雅的方式来编写我的代码

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

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

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

Answer 1

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

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

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

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