链接地址：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的属性可以自己更改成任何属性名、属性值。