react js
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属性是必须的,而且它的值必须是字符串


浙公网安备 33010602011771号