首先來說一下什麼是react元件，它其實是頁面上的一部分，例如标題、搜尋框、按鈕等都可以是一個元件。react的元件又分為函數元件和class元件。
函數元件定義可以如下：
這是一個函數元件，它的本質其實是JavaScript函數。它接收唯一帶有資料的“props”（代表屬性）對象與并傳回一個React元素。
class元件定義可以如下：
這是class元件，與上面的函數元件在React裡是等效的。
還可以自定義元件：
通過ReactDOM.render()的方法來将React元素渲染到頁面上、自定義元件中的name 屬性通過props.name來擷取、在添加屬性時，class屬性需要寫
成className，for屬性需要寫成htmlFor，這是因為class和for 是JavaScript的保留字。
渲染元件：
基本渲染，即将變量的值直接顯示在頁面上：
清單渲染，則要設定Key屬性确定唯一辨別：
條件渲染：
在class元件中，首先它是繼承React.Component，并且擁有一個render函數，render函數就表示class元件的渲染，每次渲染都要調用該函數。