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

Question

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

https://imgur.com/a/HLOigDC

标签： javascriptreactjsreact-table

Answer 1

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

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