鏈接地址:http://lib.csdn.net/article/react/20355
這篇文章介紹的比較基礎,直接搬遷過來啦!
React允許將代碼封裝成組件,然后像插入普通 HTML 標簽一樣,在網頁中插入這個組件。
//定義一個名為Hello的組件
//用方法React.createClass來創建一個組件
var Hello = React.createClass({
//每一個組件中必須有一個render方法,用于輸出組件
render: function() {
//使用return來返回要輸出的內容
return
Hello {this.props.name}
;}
});
ReactDOM.render(
//插入模板時,會生成Hello的一個實例,組件類的第一個字母必須大寫
,
document.getElementById('example')
);
組件的用法與原生的 HTML 標簽完全一致,可以任意加入屬性,比如,就是Hello組件加入一個name屬性,值為wang。組件的屬性可以在組件類的this.props對象上獲取,比如name屬性就可以通過this.props.name讀取。其中這個name的屬性可以自己更改成任何屬性名、屬性值。