小编典典

如何在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