反应虚拟化中的行选择

Question

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

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

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

比你

Answer 1

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

react-virtualized 没有为此内置任何东西，因为它与库的用途正交，我不想为不支持的功能添加膨胀（在字节大小或维护工作方面）核心到窗口。

我已经创建了一些在网上做类似事情的例子，你可能会觉得这些例子很有用。例如this slide（源代码here）显示点击选择样式。

Answer 2

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

版本：react-virtualized：^9.19.1，

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

checkout 函数 onRowClick 用于挑选行数据， 和 getRowStyle 为行提供样式。