Javascript 返回多个<；tr>；反应线

我希望能够返回2行

，按照建议将其包装在

中：

var Item=React.createClass({
render:function（）{
返回(
/*...*/
/*...*/
);  
}   
});

但是，我从React得到一个警告：不能作为的子对象出现

---

有没有其他更方便DOM的方法呢？

这是React的一个恼人的限制。一个

可以包含多个

，但是--将

作为

中的一个附加

进行渲染是否对您有效？

您似乎遇到了最大的JSX根节点问题。返回中只能有1个根节点，但可以有任意数量的子节点。所以试试这个：

var Item = React.createClass({
    render: function() {
        return (
            <table> /* <- This is the root node. */
                <thead> /* <- Multiple nodes start at this level. */
                    <tr>/*...*/</tr>
                    <tr>/*...*/</tr>
                </thead>
                <tbody>
                    <tr>/*...*/</tr>
                    <tr>/*...*/</tr>
                    <tr>/*...*/</tr>
                    <tr>/*...*/</tr>
                    <tr>/*...*/</tr>
                </tbody>
                <tfoot>
                    <tr>/*...*/</tr>
                    <tr>/*...*/</tr>
                </tfoot>
            </table>
        );  
    }   
});

var Item=React.createClass({
render:function（）{
返回(
/*@AkshatMahajan:可能只是文章中的一个输入错误，否则代码甚至无法解析（因为语法错误）。抱歉，是的，这是文章中的一个输入错误。您是否尝试将其附加到而不是？我过去编写了很多HTML表格，从未被任何浏览器强制使用这3个标记：，或。它们是可选的，标记分别用于分隔标题单元格和正文单元格。此外，大多数人都摆脱了标记&切换了to标记，因为标记会导致与CSS冲突。只有表格数据仍然需要标记。@Clomp Yes，这是表格数据，因为它适合于类似表格的表格。使用3倍表格分割的一个好例子包括使用
，
&
，而不是3倍
标记。请参阅：这些标记具有完全不同的语义。OP似乎需要正文中的行。我意识到我在另一个
中使用了
项
组件，这就是导致警告的原因。删除额外的
解决了警告问题。尽管如此，如果能够返回2
，而不被包装在
中，这将非常好，因为CSS应用如果您可以在单个组件中生成整个表，那么很容易解决这个问题，问题是当您需要将容器中多行的表示委托给一个组件时。
var Item = React.createClass({
    render: function() {
        return (
            <table> /* <- This is the root node. */
                <thead> /* <- Multiple nodes start at this level. */
                    <tr>/*...*/</tr>
                    <tr>/*...*/</tr>
                </thead>
                <tbody>
                    <tr>/*...*/</tr>
                    <tr>/*...*/</tr>
                    <tr>/*...*/</tr>
                    <tr>/*...*/</tr>
                    <tr>/*...*/</tr>
                </tbody>
                <tfoot>
                    <tr>/*...*/</tr>
                    <tr>/*...*/</tr>
                </tfoot>
            </table>
        );  
    }   
});