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