React虚拟化表自定义rowRenderer状态

Question

我正在尝试使用自己的状态在表上创建自定义行。不幸的是，Table组件上的rowRenderer属性必须是Proptypes.func，而不是完全响应组件，我可以访问生命周期方法和state。这有什么理由，还是有替代方法让我能够为每一行都有一个有状态的组件？

请参阅https://github.com/bvaughn/react-virtualized/blob/master/source/Table/Table.js#L167

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

Answer 1

您可以从rowRenderer等函数prop中返回一个类组件（带有生命周期挂钩）。例如

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