HTML 中出现 React 代码的神秘跨度

Question

我正在使用 coffeescript 和 react-rails gem。在 measure.js.coffee 中，咖啡代码中没有跨度，但是当 HTML 被绘制时，一个神秘的幽灵跨度出现了。下面是代码和它生成的 HTML 的屏幕截图。

在我的代码中，carousel-mImages 和 mtag-images 之间没有跨度。是不是因为 reactCSSTransitionGroup = React.createFactory(React.addons.CSSTransitionGroup)

Answer 1

是的，ReactCSSTransitionGroup 是 ReactTransitionGroup 的包装器。
从 official docs here:

By default ReactTransitionGroup renders as a span.

您可以更改此行为，并呈现为另一种类型的组件，但这意味着您必须手动配置和呈现 ReactTransitionGroup。
这可能会在 DOM 中为您节省一个包装器元素，但这取决于您的组件树结构。