React/高階組件

受控組件

在 HTML 中，表單元素（如<input>、 <textarea> 和 <select>）之類的表單元素一般本身維護 state，並根據用戶輸入進行更新。可是在react中，組件的狀態都是放在state中維護的，因此受控組件指的是，受react內部狀態（state）控制的組件(表單元素)，表單的值改變則state值也改變，受控組件必需要搭配onchange方法（並無vue的數據雙向綁定）。

高階函數

高階函數是一個接收函數做爲參數或將函數做爲輸出返回的函數。

 

高階組件

高階組件是參數爲組件，返回值爲新組件的函數。

組件是將 props 轉換爲 UI，而高階組件是將組件轉換爲另外一個組件。

HOC 不會修改傳入的組件，也不會使用繼承來複制其行爲。相反，HOC 經過將組件包裝在容器組件中來組成新組件。HOC 是純函數，沒有反作用。