将“dangerouslySetInnerHTML”渲染为React组件的兄弟

Question

我有一个非常大的表，我需要能够渲染。我选择1000 x 1000作为我的高端可扩展性测试。大多数情况下，用户不会渲染这么大的表，但有时他们需要并且他们不需要“分页”模型，而且我没有找到满足我需求的无限表。

将每个单元格渲染为React <td>会爆炸（并不令人惊讶 - 这是很多组件！）

我确实需要将每个<td>作为React组件进行管理，因此我在dangerouslySetInnerHTML组件中使用<tr>。这很有效。

现在它被定义为<tr dangerouslySetInnerHTML={html_cols} />

我希望<td>中的最左侧<tr>为React组件，其余为dangerouslySetInnerHTML

我可以使用<tr><td>row header</td><div dangerouslySetInnerHTML={html_cols} /></tr>，但将<td>放在<div>中似乎是错误的。

理想情况下，我希望某种虚拟/空组件允许具有内部html，但不会发出封闭标记。

编辑：

我也接受其他建议，因为我意识到我必须手动清理我的输入。目前我还在查看renderToStaticMarkup以查看我是否仍然可以使用React，但只是没有某些节点的虚拟dom开销。

Answer 1

在详细了解React如何工作之后，我相信我要求的是一个React Node，它只是文本，没有与之关联的DOM节点。

但是React Node是虚拟DOM节点 - 看起来你没有一个没有关联DOM节点的React节点，所以我想要的是不可能。