Как отобразить элементы одного уровня, не помещая их в родительский тег?
В большинстве случаев наличие родительского тега не является проблемой.
React.createClass({
render: function() {
return (
<tbody>
<tr><td>Item 1</td></tr>
<tr><td>Item 2</td></tr>
</tbody>
);
}
});
Но в некоторых случаях имеет смысл иметь родственные элементы в одной функции рендеринга без родителя, и особенно в случае таблицы, вы не хотите переносить строку таблицы вdiv
.
React.createClass({
render: function() {
return (
<tr><td>Item 1</td></tr>
<tr><td>Item 2</td></tr>
);
}
});
Второй пример дает следующую ошибку:Adjacent XJS elements must be wrapped in an enclosing tag while parsing file
.
Как я могу отрендерить два элемента, не помещая их в<div>
или что-то подобное?