使用动画时出现反应JS错误

ReactJS error when using animations

本文关键字：JS 错误 动画      更新时间：2023-09-26

我有一个有效的ReactJS应用程序，我正在尝试使用动画（https://facebook.github.io/react/docs/animation.html）

我正在尝试在添加表格行时将过渡动画应用于表格行。现有的工作渲染如下所示：

return React.DOM.tbody({ valign: 'top' }, rows);

我尝试切换到这个：

return React.DOM.tbody({ valign: 'top' }, React.createElement(ReactCSSTransitionGroup, {transitionName: "example"}, rows));

但是我现在在控制台中收到警告和错误：

React 试图在容器中使用重用标记，但校验和 无效。这通常意味着您正在使用服务器渲染 并且在服务器上生成的标记不是客户端 期待。React 注入了新的标记来补偿哪些有效，但你 失去了服务器渲染的许多好处。相反，图 找出为什么生成的标记在客户端上是不同的，或者 服务器。

错误：固定冲突：反应装载：根元素 ID 不同于 reactRootID.

有什么想法吗？

我错过了一些明显的东西。文档说：

默认情况下，ReactTransitionGroup 呈现为跨度

因此，它在表中创建了无效的标记。我已将组件=属性设置为"tr"，现在可以工作了。

相关文章：