如何在 React 或 Vue 中构建组件在表中渲染多行

Question

只是想知道我是否构建组件来渲染部分表行，我应该怎么做？

<table>
<thead>
<tr><td>Col 1</td><td>Col 2</td></tr>
</thead>
<tbody>
<partialrows :data="dataset1" />
<partialrows :data="dataset2" />
</tbody>
</table>

我希望每个分部行呈现几行

<tr><td colspan=2>title ds 1</td></tr>
<tr><td>ds01</td><td>ds02</td></tr>
<tr><td>ds11</td><td>ds12</td></tr>
<tr><td>ds21</td><td>ds22</td></tr>

但这违反了单根元素规则，我想如何在 React 或 Vue 中解决这个问题？

谢谢

Answer 1

在 Vue 中，你可以使用功能组件或 vue-fragments。看看这篇文章。

在 React 中，也有片段。