Javascript 使用动画时出现错误

Javascript 使用动画时出现错误,javascript,animation,reactjs,Javascript,Animation,Reactjs,我有一个正在运行的ReactJS应用程序,我正在尝试使用动画() 我试图在添加表行时将转换动画应用于表行。现有的工作渲染如下所示: return React.DOM.tbody({ valign: 'top' }, rows); 我试着换成这样: return React.DOM.tbody({ valign: 'top' }, React.createElement(ReactCSSTransitionGroup, {transitionName: "example"}, rows));

我有一个正在运行的ReactJS应用程序,我正在尝试使用动画()

我试图在添加表行时将转换动画应用于表行。现有的工作渲染如下所示:

return React.DOM.tbody({ valign: 'top' }, rows);
我试着换成这样:

return React.DOM.tbody({ valign: 'top' }, React.createElement(ReactCSSTransitionGroup, {transitionName: "example"}, rows));
但我现在在控制台中收到一个警告和一个错误:

React试图在容器中使用重用标记,但校验和无效 这是无效的。这通常意味着您正在使用服务器渲染 服务器上生成的标记与客户端不同 期望。React注入新标记以补偿除了您 已经失去了服务器渲染的许多好处。相反,数字 找出在客户端或客户端上生成的标记不同的原因 服务器

错误:不变冲突:ReactMount:根元素ID不同于 reactRootID


有什么想法吗?

我错过了一些显而易见的东西。文件说:

默认情况下,ReactTransitionGroup渲染为范围

因此,它在表中创建了无效的标记。我已经将component=property设置为“tr”,现在可以工作了