在 ES6 React Javascript 中导入 ReactCSSTransitionGroup答案

【问题标题】：import ReactCSSTransitionGroup in ES6 React Javascript在 ES6 React Javascript 中导入 ReactCSSTransitionGroup
【发布时间】：2016-01-07 19:47:59
【问题描述】：

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

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

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

Uncaught ReferenceError: ReactCSSTransitionGroup is not defined

我的实现代码：

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

在映射函数内使用：

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

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

【问题讨论】：

标签： javascript reactjs ecmascript-6

【解决方案1】：

import ReactCSSTransitionGroup from 'react/lib/ReactCSSTransitionGroup';

你应该像这样导入。

【讨论】：

你能解释一下吗？

【解决方案2】：

您正在导入 CSSTransitionGroup，但使用的是 ReactCSSTransitionGroup。切换一个或另一个，使变量对齐。

【讨论】：

哦...看来这已经是漫长的一天了。谢谢哈哈...我会在 2 分钟内接受它作为答案。