React 虚拟化 table 自定义 rowRenderer 状态

Question

我正在尝试在 table 上创建具有自己状态的自定义行。不幸的是，Table 组件上的 rowRenderer 属性必须是 Proptypes.func 而不是我可以访问生命周期方法和 state 的完整 React 组件。这是有原因的，还是有其他方法让我能够为每一行设置一个有状态组件？

我还应该提一下，我知道这些行组件在滚动出屏幕时可能会被卸载。我可以接受，只要它在视口中时我可以拥有它的状态即可。

Answer 1

您可以 return class 组件（带有生命周期挂钩）来自像 rowRenderer 这样的函数属性。例如

function rowRenderer(props) {
  return <RowComponent {...props} />
}

React virtualized table custom rowRenderer state