反应虚拟化中的行选择

Question

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

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

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

比你

Answer 1

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

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

我创建了在线执行类似类型操作的示例，您可能会发现它们对您有用。例如 this slide (source code here) 显示点击 select 样式。

Answer 2

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

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

Link: https://github.com/bvaughn/react-virtualized/blob/master/docs/Table.md

检查功能 onRowClick 用于选择行数据， 和 getRowStyle 为行赋予样式。