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

标签 css reactjs react-virtualized

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

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

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

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

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

最佳答案

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

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

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

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

关于css - 将自定义类添加到 react 虚拟化网格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52648938/

相关文章:

reactjs - 如何使用 react 虚拟化制作响应式图像网格

css - 如何在 react 中修复组件底部的页脚?

reactjs - 明智地排除这个 useEffect 依赖数组变量吗? lint 推荐 3,但我只想依赖 1

javascript - 高亮 HTML 元素,就像 Javascript 中的 Chrome Dev Tools

html - CSS - 使图像适合特定大小的 div

javascript - 将 JSON 数据分配给变量并通过 React 中的状态访问它时出错

reactjs - 如何在 TestCafe 中单击未渲染的虚拟化元素

javascript - 具有反应虚拟化和新 CellMeasurer 的动态行高

jquery - CSS 未在 Firefox 或 IE 中加载

css - 创建 CSS 全局变量 : Stylesheet theme management