0

全部，

我正在尝试结合 FlexTable 和 AutoSizer（来自 react-virtualized），但不断收到一个我不太明白原因的错误。据我所见，我已经遵循了这些示例，但我一定犯了一些错误。

我的渲染方法以以下结尾

return (
        <AutoSizer disableWidth>
            {({ height }) => (
                <FlexTable
                    ref='Table'
                    className={'FlexTable'}
                    headerClassName={'headerColumn'}
                    headerHeight={35}
                    height={height}
                    noRowsRenderer={this._noRowsRenderer}
                    rowClassName={::this._rowClassName}
                    onRowClick={this._onClick}
                    rowHeight={30}
                    rowGetter={this._rowGetter}
                    rowsCount={this.state.sorted.length}
                    sort={this._sort}
                    sortBy={sortBy}
                    sortDirection={sortDirection}
                    width={370}>
                    <FlexColumn label='Org-Nr' dataKey='clientNumber' width={115}/>
                    <FlexColumn label='Namn' dataKey='name' width={255}/>
                </FlexTable>
            )}
        </AutoSizer>
    )

发生的事情是控制台向我显示以下警告，并且该表从未呈现。

警告：失败的 propType：children提供给 的 prop 无效AutoSizer，需要一个 ReactElement。检查Table.

和

Uncaught Invariant Violation：onlyChild 必须传递一个只有一个孩子的孩子。

现在，我确实明白它告诉我的意思，我只是看不到 AutoSizer 标记是如何被赋予更多的一个孩子的。唯一的孩子不是 FlexTable 组件吗？

此致

丹尼尔·索德林

4

0 回答 0