ReactCSSTransitionGroupをes6構文を使ってインポートするには？

Question

ReactアプリにModalウィンドウを作成しようとしていて、thisチュートリアルに従っています。

しかし、私は次のエラーここ

Warning: React.createElement: type should not be null, undefined, boolean, or number. It should be a string (for DOM elements) or a ReactClass (for composite components). Check the render method of `Modal`. 

を得たことは、問題が明確である私はnpm install --save react-addons-css-transition-group

により反応し、アドオン-CSS-遷移グループを設置し

import React from 'react' 
import {ReactCSSTransitionGroup} from 'react-addons-css-transition-group' 

const Modal = React.createClass ({ 

    render() { 

     if (this.props.isOpen) { 
      return (
       <ReactCSSTransitionGroup transitionName={this.props.transitionName}> 
        <div className="modal"> 
         {this.props.children} 
        </div> 
       </ReactCSSTransitionGroup> 
      )  
     } 

     else { 
      return (
       <ReactCSSTransitionGroup transitionName={this.props.transitionName} /> 
      ) 
     } 
    } 
}) 

module.exports = Modal 

私のコードですReactCSSTransitionGroupはインポートされません。普通のdivに置き換えてもエラーは発生しません。

Answer 1

はあなたがReactCSSTransitionGroup

<ReactCSSTransitionGroup transitionName={this.props.transitionName}> 
        <div className="modal" key="transitionGroup"> 
         {this.props.children} 
        </div> 
</ReactCSSTransitionGroup> 

内の子供のためのキーを提供する必要があり、また

import ReactCSSTransitionGroup from 'react-addons-css-transition-group' 

でなければなりません{ReactCSSTransitionGroup}

import {ReactCSSTransitionGroup} from 'react-addons-css-transition-group' 

から括弧を削除する必要があります