Reactjs Reactable：如何在单独的React组件中扩展表行？

我使用一个大的表数据，我必须通过显示、排序、过滤和分页来操作它。react组件插件工作完美，涵盖了我的所有案例

为了更好地组织结构，我将表划分为多个组件，每一行都是一个单独的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>
    }
}

从“React”导入React；
从“../containers/RowList”导入行列表；
var Table=可反应的.Table，
Thead=可反应。Thead，
Th=可反应的。Th；
类表扩展了React.Component{
render（）{
返回
标题
作者
类别
}
}

错误是

的唯一可能的子项是，或一个。

版本如下：

• 反应-15.5.4
• 可反应-0.14.1

git hub-nad中有几个与此相关的开放问题，但仍然没有解决此错误的方法。我尝试了各种方法，但目前唯一有效的方法是将所有与表相关的代码合并到一个文件中。我的表数据非常具体，组合表组件变得更加复杂。最好从一开始就保持分离的结构

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