在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'));結(jié)果發(fā)現(xiàn)既沒有編譯出錯也沒有任何內(nèi)容顯示.(推測感覺應該是SearchPage.Title沒有插到SearchPage結(jié)點下面).請教哪位寫過的能夠告訴小弟一下,這個寫法正確嗎?哪里存在問題?多謝了~~~如果改為:varApp=();應該可以出結(jié)果.所以由此另外問一個問題:varMysearchPage=React.createClass({render:function(){return();}});與單純用div的區(qū)別在哪里?
React.js的命名空間的組件
30秒到達戰(zhàn)場
2019-04-14 10:38:05