如何在ReactJS中输出文本而不将其换行

小编典典

reactjs

在基于ReactJS的应用程序中，我执行以下操作：

var _ = React.DOM;
_.span(null, 'some text', _.select(null, ...));

问题是：“某些文本”包装在DOM中的其他span元素中。有什么办法可以避免这种现象，只输出原始文本？

要明确：我想输出

<span>some text<select>...</select></span>

不

<span><span>some text</span><select>...</select></span>

阅读 585

2020-07-22

共1个答案

小编典典

更新： 这在 React v15（2016-04-06）中 已“修复”
–现在，注释节点已添加到每段文本周围，但不再包装在<span>标签中。

我们收到了来自社区的一些惊人的贡献在此版本中，我们想强调这种拉请求由迈克尔Wiencek尤其如此。由于Michael的工作，React
15不再<span>在文本周围发出额外的节点，从而使DOM输出更加整洁。对于React用户来说，这是一个长期的烦恼，因此将其作为外部贡献很令人兴奋。

目前，这是React的技术限制；它将所有浮动文本节点包装在一个范围中，以便可以为其分配ID并在以后引用它。希望在React的未来版本中，我们可以删除此限制。

2020-07-22