得到 基本 element 內部 必須 extends 使用 有一個 class

1. 組件其實可以理解為 虛擬 dom對象的集合。也是一個虛擬dom。

1.1組件定義有兩種方式

　　// 　1） 工廠函數，無狀態，（定義一些比較簡潔的組件，推薦使用） 　　　　function MyComponent1(){ 　　　　　　return <h2>工廠函數</h2>; 　　　　} 　　// 　　2) ES6 class方式定義組件 //推薦 　　　　class MyComponent2 extends React.Component{ 　　　　　　render(){ 　　　　　　　　return <h3>ES6 class定義組件</h3>; 　　　　　　} 　　　　} 1.2// 渲染組件： 　　ReactDOM.render(<MyComponent1/>,document.getElementById("example1")); 　　ReactDOM.render(<MyComponent2/>,document.getElementById("example2")); //註意組件的傳入方式是</>，而之前的直接是一個虛擬dom對象 example=<h1>haha</h1> 2.在組件的寫法上需要註意以下幾點： 　　2.1 組件類首字母必須大寫 　　2.2 虛擬dom元素只有一個根元素，即需要一個總的標簽包裹住所有的虛擬dom， <div>10個h1標簽</div> 　　2.3 虛擬dom必須有結束標簽，所以組件是 <MyCom/> 或者是 <ul>haha</ul> 3. ReactDOM.render()渲染組件標簽的基本流程 　　3.1 React內部會創建組件實例對象 　　3.2 得到包含的虛擬DOM,並解析為真實DOM 　　3.3 插入到指定部分

React系列--組件Component