ReactTable-切换行背景色onClick / onExpandRow

Question

在ReactTable中，我想在展开该行时切换行背景色。在下面的链接中，第一个图像是我所拥有的，第二个图像是我想要的。我尝试过使用onExpandedChange和一些成功的方法。任何想法如何做到这一点。感谢您的帮助。

https://imgur.com/a/HLOigDC

Answer 1

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

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