一、写法
1.组件类名首字母大写,驼峰命名法
2.使用React.createClass创建一个组件类
3.每个组件都必须实现自己的render方法,输出定义好的组件模板
4.注意:每个组件类只能包含一个顶层标签
var HelloWorld = React.createClass({
render: function () {
return (
<div>
<p>HELLO</p>
</div>
);
}
});
二、样式
以“,”结尾,驼峰命名法,字符串需要加引号,数字不需要带单位
使用className替换class
使用htmlFor替换for
三、复合组件
创建多个组件合成一个组件(父子组件)
四、props
组件自身属性对象,一般用于嵌套的内外层组件中,负责传递信息(通常由父组件向子组件传递)
props对象中的属性与组件的属性对应,不要直接去修改props中属性的值
this.props
...this.props :将父组件中的全部属性复制给子组件
五、state
在getInitialState设置的属性,将会存储在state中
当state发生变化时,会调用组件内部的render方法
getInitialState: function() {
return {
isCheck: false
}
},
this.state.isCheck