带有响应虚拟化表的某些行后,ArrowKeyStepper停止工作

时间:2019-12-04 12:28:37

标签: reactjs react-virtualized

我正在使用react-virtualized表,并且我已经使用ArrowKeyStepper HOC实现了箭头键支持,但是在访问表中的某些行后它无法正常工作。

当前,向上或向下移动到一定数量的记录后,箭头键将停止在react-virtualized表上工作。在我看来,此行数是对窗口大小进行反应虚拟化的表格供稿的数量。这就是为什么如果我增加表格的高度以增加窗口大小,它将停止访问更多行的原因。

最初,我怀疑这个问题是由于ArrowKeyStepper HOC造成的,所以我尝试仅使用常规JS键盘事件来实现此功能,但是我看到了类似的行为。 这是该行为的代码 使用ArrowKeyStepper HOC

https://codesandbox.io/s/react-virtualized-table-with-arrowkeystepper-7v82v

不使用ArrowKeyStepper HOC

https://codesandbox.io/s/react-virtualized-table-with-arrow-key-events-vxlto

有什么办法可以通过react virtualized table来解决此问题?

0 个答案:

没有答案