Component介紹
在 React 當中，現在有兩種 components。分別是 Class component、Function component（或稱作 Stateless component）。
-
Function Components：使用一般的function來宣告，作為函式他接收props做參數，並回傳一個React的DOM元素。 -
Class Components：使用ES6的Class語法糖創建一個React下的子類別，也可藉由React內的render函式回傳DOM元素。
基本上兩種方式創建出來的 DOM 沒有不同，差別在於 Class Components 擁有自身的 State （狀態）及 Lifecycle （生命週期）。
但記得嗎？就像我上方提到的，這是 React 在 16.8 版本前的事情了， Hooks 的出現，改變了 Function Components ，讓他擁有專屬的 useState 和 useEffect 來管理狀態及的生命週期。