React.js的命名空间的组件

Question

在React.js的官方文档里,提到0.11开始支持的一个特性:命名空间的组件.参考:http://facebook.github.io/react/docs/jsx-in-depth.htmlvarForm=MyFormComponent;varApp=();varMyFormComponent=React.createClass({...});MyFormComponent.Row=React.createClass({...});MyFormComponent.Label=React.createClass({...});MyFormComponent.Input=React.createClass({...});小弟想自建一个控件来用,因而用了如下代码:varMysearchPage=React.createClass({render:function(){return();}});MysearchPage.Title=React.createClass({render:function(){return(MysearchPage!);}});MysearchPage.Search=React.createClass({render:function(){return({this.props.searchType}:Search);}});varSearchPage=MysearchPage;varApp=();React.render(App,document.getElementById('nuno'));结果发现既没有编译出错也没有任何内容显示.(推测感觉应该是SearchPage.Title没有插到SearchPage结点下面).请教哪位写过的能够告诉小弟一下,这个写法正确吗?哪里存在问题?多谢了~~~如果改为:varApp=();应该可以出结果.所以由此另外问一个问题:varMysearchPage=React.createClass({render:function(){return();}});与单纯用div的区别在哪里?

Answer 1

varMysearchPage=React.createClass({
render:function(){
return(
this.props.children
);
}
});