我正在尝试创建我的React应用程序的模式窗口,我正在学习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`.
这是我的密码
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
我通过
npm install --save react-addons-css-transition-group
安装了react插件css转换组问题很明显是reactcsstrasitiongroup没有正确导入,因为用普通div替换它不会引发任何错误。
最佳答案
您必须从{ReactCSSTransitionGroup}
import {ReactCSSTransitionGroup} from 'react-addons-css-transition-group'
应该是
import ReactCSSTransitionGroup from 'react-addons-css-transition-group'
另外,您应该为里面的孩子提供一个密钥
ReactCSSTransitionGroup
<ReactCSSTransitionGroup transitionName={this.props.transitionName}>
<div className="modal" key="transitionGroup">
{this.props.children}
</div>
</ReactCSSTransitionGroup>