如何在React中呈现多个tr行

Question

我被困在这个问题上，当我运行的时候，代码就是得到这个错误。

未知错误:不变违反:findComponentRoot(.，.0)：无法找到元素。这可能意味着DOM意外地发生了变异(例如，浏览器)，通常是因为在使用表、嵌套标记(例如，或者，或者在父服务器中使用非SVG元素)时忘记了一个。尝试使用React 检查元素的子节点。

请帮我解决这个问题。

var TicketsList = React.createClass({
            render: function() {
                var TicketNodes = this.props.data.map(function (ticket){
                    return(
                        <tr>
                            <td className="txt-c">
                                <span className="pr-5 f-18" title="Responses">
                                    <span>{ticket.responses}</span>
                                    <i className="fa fa-comments-o"></i> 
                                </span>
                                <span className="pr-5 f-18" title="Attachments">
                                    <span>{ticket.attachments}</span>
                                    <i className="fa fa-paperclip"></i> 
                                </span>
                            </td>
                            <td>{ticket.message}</td>
                            <td>{ticket.recorded_support_type}</td>
                            <td>{ticket.recorded_sub_type}</td>
                            <td>{ticket.recorded_priority}</td>
                            <td>{ticket.recorded_status}</td>
                            <td>{ticket.submitted_by_name}</td>
                            <td>{ticket.assigned_to}</td>
                        </tr>
                    );
                });
                return (
                    <tbody>
                        {TicketNodes}
                    </tbody>
                );
            }
        });

Answer 1

您是否在其他地方用<table>包装这些内容？<tbody>元素应该始终包装在<table>元素中。