自己定义组件之后,可以HTML中使用这些组件,就像自己定义一个标签一样
用React开发的界面可以看做是一个大的组件,其中有很多小的组件
创建组件需要创建一个组建类
1 React中创建的组件类以大写字母开头,要遵守驼峰命名法(跟原生的HTML标签做区分,原生的是小写)
2 在React中使用React.createClass方法创建一个组件类
3 核心代码:每个组件类都必须实现自己的render方法。输出定义好的组件模板。返回值:null,false,组件模板
4 注意:组件类只能包含一个顶层标签
<script type="text/babel"> /* 创建一个组件类,用于输出hello React */ var HelloMessage = React.createClass({ render: function () { return <h1>hello react</h1> } }); ReactDOM.render( //在模板中插入<HelloMessage />会生成一个实例 <HelloMessage />, document.getElementById("container") ); </script>