在基于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>

推荐答案

Update:这在React v15 (2016-04-06)中是"固定的"——现在注释 node 被添加到每段文本周围,但它不再被包装在<span>标记中.

在本次发布中,我们收到了来自社区的一些惊人贡献,我们想特别强调一下this pull requestbyMichael Wiencek.多亏了Michael的工作,React 15不再在文本周围发出额外的<span>个 node ,从而使DOM输出更加干净.这对React用户来说是一个长期困扰,所以接受这一点作为外部贡献是令人兴奋的.

Full release notes.


这是React目前的技术限制;它将所有浮动文本 node 包装在一个范围内,以便为其分配一个ID,并在以后引用.在React的future 版本中,我们希望能够取消此限制.

Reactjs相关问答推荐

如何在react组件中使用formik进行验证

单击空白区域时,Reaction Multiple下拉组件不关闭

Google Firestore无法读取图像-react

如何通过回调函数获取多个值?

Reaction Google Maps API无法获取标题

React路由dom布局隐藏内容

无法通过 fetch 获取数据到上下文中

如何管理组件列表的复杂状态? (Nextjs/ReactJS)

将水平滚动视图添加到底部导航选项卡

运行 npm run build 出现问题

如何实现 redux 工具包来注册用户?

如何在 ReactJS 中提交后删除 URL 中的查询参数

如何在 React map 函数循环中使用
标签

顶点图表甜甜圈项目边框半径

自动重新获取不起作用 - RTK 查询

React Router v6 - 访问嵌套路由和处理手写 url 的正确方法

如何使用 React Router 在 React 中正确同步 useEffect 和 useLocation 挂钩?

如何实现两个 SVG 形状相互叠加的 XOR 操作?

ReactJS:按钮启用禁用更改 colored颜色

你如何使用 refs 访问 React 中映射子项的值?