在基于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>
更新: 这在 React v15(2016-04-06)中 已“修复” –现在,注释节点已添加到每段文本周围,但不再包装在<span>标签中。
<span>
我们收到了来自社区的一些惊人的贡献在此版本中,我们想强调这种拉请求由迈克尔Wiencek尤其如此。由于Michael的工作,React 15不再<span>在文本周围发出额外的节点,从而使DOM输出更加整洁。对于React用户来说,这是一个长期的烦恼,因此将其作为外部贡献很令人兴奋。
完整发行说明。
目前,这是React的技术限制;它将所有浮动文本节点包装在一个范围中,以便可以为其分配ID并在以后引用它。希望在React的未来版本中,我们可以删除此限制。