react 组件创建及调用

// 组件：可被反复使用的带有特定功能的视图！！
 创建

 var MyComponent = React.createClass({
   render:function(){
     return <div>
      <p>这是自己的组件</p> <button>clickMe</button>
     </div>
   }
 })


调用
ReactDOM.render(

  <MyComponent></MyComponent>,
  document.getElementById('example')
)

注意事项
      ①组件类的命名 遵循全驼峰 Test/MyComponent
      ②渲染多个标签，要放在一个顶层标记
      ③在render方法渲染元素时，如果return加换行，加上一个圆括号包起来
       return (
  　　　　<div></div>
　　　　)
      ④出现在react中的标签都得有开始有结束
       <input type='text'/>

转载于:https://www.cnblogs.com/iamlhr/p/10905829.html