Javascript ReactJS错误：不变冲突

我正在用React JS构建一个应用程序，到目前为止我很喜欢它。然而，我遇到了一个错误，我很难确定我做错了什么。这是我的错误：

未捕获错误：不变冲突：ImageList.render（）：必须返回有效的组件。您可能返回了未定义、数组或其他无效对象。

这是我的代码：

// Box for user images
var ImageBox = React.createClass({
    closePopup: function(){
        React.unmountComponentAtNode(document.getElementById('imagesPopup'));
    },
    render: function(){
        return(
            <div className='imageBox popUp'>
                ImageBox
                <div className="popUpClose" onClick={this.closePopup}>X</div>
                <ImageList />
            </div>
        );
    }
});

// User image
var UserImage = React.createClass({
    render: function(){
        <img className="thumb" src={this.props.url} />
    }
});

// User images list
var ImageList = React.createClass({
    render: function(){
        <div className="imageList">
            <h1>IMAGES</h1>
        </div>
    }
});

//用户图像框
var ImageBox=React.createClass({
closePopup:function（）{
React.unmountComponentAtNode（document.getElementById（'imagesPopup'））；
},
render:function（）{
返回(
图像框
X
);
}
});
//用户图像
var UserImage=React.createClass({
render:function（）{
}
});
//用户图像列表
var ImageList=React.createClass({
render:function（）{
图像
}
});

您缺少返回语句

var UserImage = React.createClass({
    render: function(){
        <img className="thumb" src={this.props.url} />
    }
});

var UserImage=React.createClass({
render:function（）{
}
});

应该是

var UserImage = React.createClass({
    render: function(){
        return <img className="thumb" src={this.props.url} />;
    }
});

var ImageList = React.createClass({
    render: function(){
        return (
            <div className="imageList">
                <h1>IMAGES</h1>
            </div>
        );
    }
});

var UserImage=React.createClass({
render:function（）{
返回；
}
});

及

var ImageList=React.createClass({
render:function（）{
图像
}
});

应该是

var UserImage = React.createClass({
    render: function(){
        return <img className="thumb" src={this.props.url} />;
    }
});

var ImageList = React.createClass({
    render: function(){
        return (
            <div className="imageList">
                <h1>IMAGES</h1>
            </div>
        );
    }
});

var ImageList=React.createClass({
render:function（）{
返回(
图像
);
}
});