反应虚拟化中的行选择

Question

react-virtualized中的文档不清楚如何处理行选择。我需要：

• 跟踪选定的行
• 突出显示所选行
• 查询选择了哪一行（我关心获取其数据）

似乎有一种方法可以处理行点击事件并按行更改样式类。我假设我必须根据这些参数滚动自己的选择跟踪。我希望我错了，有更好的方法。

比你

Answer 1

所选行或每行样式的概念并非特定于窗口化。它是应用程序代码的一部分，应该在那里使用React的内置setState进行跟踪。

react-virtualized没有内置任何东西，因为它与库的目的正交，我不想添加膨胀（就字节大小或维护而言）努力）对于不是窗口核心的功能。

我已经创建了在线做类似事情的示例，您可能会发现这些事情很有用。例如，this slide（源代码here）显示了点击选择样式。

Answer 2

我在应用程序中使用了React-Virtualized Table，并且提供了库提供的用于行样式和行数据的功能。

版本：反应虚拟化：^ 9.19.1，

链接：https://github.com/bvaughn/react-virtualized/blob/master/docs/Table.md

checkout函数onRowClick来选择行数据， 和getRowStyle赋予行样式。