ReactNative--定义组件

 

自己定义组件之后，可以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>