ReactTable - 切换行背景颜色 onClick/onExpandRow

【问题标题】：ReactTable - Toggle row background color onClick/ onExpandRowReactTable - 切换行背景颜色 onClick/onExpandRow
【发布时间】：2019-03-10 10:20:31
【问题描述】：

在 ReactTable 中，我想在该行展开时切换行背景颜色。在下面的链接中，第一张图片是我所拥有的，第二张是我想要的。我试过玩 onExpandedChange 和一些没有成功的事情。任何想法如何做到这一点。感谢您的帮助。

https://imgur.com/a/HLOigDC

【问题讨论】：

标签： javascript reactjs react-table

【解决方案1】：

根据documentation，可以使用自定义props（示例没有直接链接，尝试搜索You can use these callbacks for dynamic styling as well!）：

   <ReactTable
      getTrProps={(state, rowInfo, column) => {
        return {
          style: {
            background: state.expanded[rowInfo.index] ? "blue" : "white"
          }
        };
      }}
    />

【讨论】：

非常感谢，效果很好。它似乎没有切换，折叠行后蓝色行将保留，但我这样做并且它有效。非常相似。 return state.expanded[rowInfo.index] ? { style: { background: "#3e88c4", color: "white" } } : "";
@AugustusBrennan 很高兴它有帮助。更新答案:)