React虚拟化-是否可以使用自定义列？

Question

我正在使用react-virtualized渲染我的表。是否可以用自定义组件替换默认的Column组件？我不断收到这个错误 Failed prop type: Table only accepts children of type Column

Answer 1

您为什么要这样做？您必须使用Column组件来定义每一列，然后才能在每个Column内部呈现任何内容。

Answer 2

是的，当然，您可以通过在列中使用 cellRenderer 道具来实现，该道具是回调函数，它将为您提供一堆参数，您需要返回将在单元格中呈现的自定义组件

<Column key={column.dataKey + column.label + index} dataKey={column.dataKey}
        cellRenderer={
            ({ cellData, rowIndex, dataKey }) => (
                <CheckBox
                  cellData={cellData}
                  changeCheckBox={changeCheckBoxHandler.bind(
                    this,
                    rowIndex,
                    dataKey
                  )}
                />
              )
            }/>

您可以在此处详细了解。 https://github.com/bvaughn/react-virtualized/blob/master/docs/Column.md#cellrenderer