react-virtualized - 反应虚拟化中的行选择

Question

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

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

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

比你

Answer 1

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

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

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

Answer 2

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

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

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

结帐函数 onRowClick 用于选择行数据，getRowStyle 用于为行提供样式。