Question

所有

我正在尝试将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 AutoSizer，期望一个ReactElement。检查渲染方法 Table。

和

Uncaught Invariant Violation：onlyChild必须通过子女只有一个孩子。

现在，我确实理解它告诉我的内容我只是看不到AutoSizer标签是如何给予一个孩子的。 FlexTable组件不是唯一的子项吗？

祝你好运

DanielSödling

使用react-virtualized AutoSizer会导致多个孩子违反道具

0 个答案: