在ES6中导入ReactCSSTransitionGroup React Javascript

Question

我正在使用NPM来管理我的node.js app上的包和模块。

我已经更新了对^ 0.14.6版本的反应，并且还通过npm安装了ReactCSSTransitionGroups。

不幸的是，uppon尝试在我的一个子组件中使用此插件时，我遇到以下错误，该错误表明它仍未定义：

Uncaught ReferenceError: ReactCSSTransitionGroup is not defined

我的实施代码：

import React from 'react';
import CSSTransitionGroup from 'react-addons-css-transition-group';

用法在maping函数中：

...
return(
   <ReactCSSTransitionGroup transitionName="example">
      {Content}
   </ReactCSSTransitionGroup>
);
...

有谁知道如何解决这个问题？

Answer 1

import ReactCSSTransitionGroup from 'react/lib/ReactCSSTransitionGroup';

你应该像这样导入。

Answer 2

您正在使用CSSTransitionGroup导入ReactCSSTransitionGroup。切换一个或另一个，以便变量排成一行。