【问题标题】:Adding custom classes to react-virtualized grid将自定义类添加到反应虚拟化网格
【发布时间】:2019-03-09 23:26:32
【问题描述】:

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

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

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

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

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

【问题讨论】:

  • 为什么不返回一个包含两个元素的对象:return {even: /*...*/, first: /*...*/}
  • 我认为这就是我一直试图弄清楚的方法,但目前我无法按预期工作

标签: css reactjs react-virtualized


【解决方案1】:

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

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

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

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

【讨论】:

    猜你喜欢
    • 2018-01-06
    • 1970-01-01
    • 1970-01-01
    • 2018-01-22
    • 2018-01-17
    • 2021-08-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多