1、组件类的第一个字母必须大写,否则会报错,比如HelloMessage
不能写成helloMessage
。
2、组件类只能包含一个顶层标签,否则也会报错。如:
var HelloMessage = React.createClass({
render: function() {
return <h1>
Hello {this.props.name}
</h1><p>
some text
</p>;
}
});
3、添加组件属性,class
属性需要写成 className
,for
属性需要写成 htmlFor
,这是因为 class
和 for
是 JavaScript 的保留字。
4、this.props.children
属性。它表示组件的所有子节点
var NotesList = React.createClass({
render: function() {
return (
<ul>
{
React.Children.map(this.props.children, function (child) {
return <li>{child}</li>;
})
}
</ul>
);
}
});
ReactDOM.render(
<NotesList>
<span>hello</span>
<span>world</span>
<span>my</span>
<span>name</span>
<span>is</span>
<span>zhanghai</span>
</NotesList>,
document.body
);
结果
5、title: React.PropTypes.string.isRequired, 这个title
属性是必须的,而且它的值必须是字符串