创建组件与渲染组件:component
第一个React组件:
var CommentBox = React.createClass({
render: function() {
return (
<div className="commentBox">
Hello, world! I am a CommentBox.
</div>
);
}
});
React.render(
<CommentBox />,
document.getElementById('example')
);
使用createClass
创建一个新component,其中必须要有一个render()
函数去return
相应的组件树(必须包含在一个div
或者span
里面)。
另外需要做的事情是用React.render()
实例化根组件:<CommentBox />
(注意/
这个关闭符号,在其他的如input
等标签中也需要关闭),第二个是注入到原始DOM里面,也就是document.getElementById()
(此ID为前面的第一个HTML中的<div id="example"></div>
)