Question

我使用reactable获取大表数据，我必须通过显示，排序，过滤和分页来操作。 react组件插件工作正常，涵盖了我的所有情况。

为了更好的结构化，我将表格划分为组件，每一行都是一个单独的反应组件。所有行都构建了我的行列表反应组件，这个列表需要是表体，分别是大数据。不幸的是，这就出现了问题，我的列表组件无法正确呈现到表中。

import React from 'react';
import RowList from '../containers/RowList';

var Table = Reactable.Table,
    Thead = Reactable.Thead,
    Th = Reactable.Th;

class Table extends React.Component {
    render() {
        return  <section>
            <Table filterable={['title', 'author', 'category']}
                   noDataText={<span>No matching records found</span>}
                   sortable={true}>
                <Thead>
                <Th column="title">Title</Th>
                <Th column="author">Author</Th>
                <Th column="category">Category</Th>
                </Thead>
                <RowList/>
            </Table>
        </section>
    }
}

错误为The only possible children of <Table> are <Thead>, <Tr>, or one <Tfoot>.

版本是：

react - 15.5.4
可反应 - 0.14.1

git hub中有几个未解决的问题 - here nad here，与此相关，但仍无法解决此问题。我尝试了各种各样的东西，但现在唯一可行的是将所有与表相关的代码组合在一个文件中。我的表数据非常具体，组合表组件变得更加复杂。将分离的结构保持在开始状态会好得多。

我想知道是否有人找到了解决方法？

可响应：如何在单独的React组件中扩展表行？

0 个答案: