向反应虚拟网格添加自定义类

时间:2018-10-04 14:13:23

标签: css reactjs react-virtualized

我试图在react中向网格组件添加一些自定义类,如果行是偶数,则要添加一个类,类是该行是奇数,并且还要添加一个类到第一个第一网格行

我已经使两个参数都起作用了,如果我将另一个参数注释掉,但是我无法解决如何使这两个参数一起使用的问题,我不想使用&&&或|。 |如果有道理...或者是否有更优雅的方式编写我的代码

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

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

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

1 个答案:

答案 0 :(得分:0)

我认为解决问题的最简单方法就是将这两个参数分别分成两个不同的函数

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

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

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