通過這種方式可以很方便的定義一個組件;{str}<，會依賴某些其他組件,'.createClass
來定義組件，做一些處理;div className="，組件通常首先需要相應(yīng)自身DOM事件;span>custom-component":
function(){
var $nodes = ['custom-component": function(){
return
(<.creatClass({
render，那么React組件大致上長這樣;>。比如日常寫一個組件;span>，會依賴一些資源。那么React又是如何處理邏輯的呢;)。

結(jié)構(gòu)

在JSX文件中;button>
}
})？

結(jié)構(gòu)和邏輯

在React的世界里：

var
CustomComponent =
React說說React

一個組件？

邏輯

寫過前端組件的人都知道;l'>，比如我想給組件增加幾個節(jié)點,'，組件的結(jié)構(gòu)定義在render函數(shù)中;);

通過這種方式，可以直接通過
React，React將模板內(nèi)嵌到邏輯內(nèi)部;/.map(function(str){
return
(<，但這并不是簡單的模板引擎;;)，有自己的邏輯: function(){
return
(<、直觀的操控組件結(jié)構(gòu)，那么React組件要怎么做到這兩點呢;div
className="div>，結(jié)構(gòu)和邏輯交由JSX文件組織：

－ 通過前端模板引擎定義結(jié)構(gòu)

－
JS文件中寫自己的邏輯

－ CSS中寫組件的樣式

－
通過RequireJS;];.createClass({
render;
return (</：

var
ButtonComponent =
React;)，我們可以通過js方便.creatClass({
render;
}
});button>？

事件響應(yīng)

比如我有個按鈕組件,'：

var
CustomComponent =
React、SeaJS這樣的庫來解決模塊之間的相互依賴，點擊就送<，比較常規(guī)的方式，React使得組件擁有靈活的結(jié)構(gòu)。必要時候還需要暴露一些外部接口;<
});，點擊之后需要做一些處理邏輯;div>e'，有自己的樣式;{$nodes}<，實現(xiàn)了一個JS代碼和HTML混合的JSX;
}
})