工厂(无状态)函数(最简洁, 推荐使用)

    function MyComponent1() {//首字母必须要大写
      return <h1>自定义组件标题11111</h1>
    }

自己定义的组件类必须要继承react的核心组件

  class MyComponent3 extends React.Component {//自己定义的组件类必须要继承react的核心组件
      render () {
        return <h1>自定义组件标题33333</h1>
      }
    }

    var MyComponent2 = React.createClass({
      render () {
        return <h1>自定义组件标题22222</h1>
      }
    })

render是渲染的函数，MyComponent是自定义的组件,example是要渲染到的节点

1). React内部会创建组件实例对象
2). 得到包含的虚拟DOM并解析为真实DOM
3). 插入到指定的页面元素内部

1). 返回的组件类必须首字母大写
2). 虚拟DOM元素必须只有一个根元素
3). 虚拟DOM元素必须有结束标签