React 理念

1. 靜態介面：使用props進行單向資料傳遞，從頂向下進行資料傳遞，不需要使用state。

2. 動態介面：使用props進行從上到下傳遞（repoID），state進行元件內部的資料產生和傳遞（comment）。簡單介面使用從上到下的開發過程，複雜介面使用從下到上的開發流程。儘量減少state使用：確定state的使用位置，確定使用state的元件。

3. 元件化會增加程式碼複用性（後期開發顯著增加程式碼複用性，初期程式碼比較複雜）

開發流程

1. UI 設計：根據UI中不同圖層，確定元件的相對位置；根據產品功能，根據後端傳來的資料（預設是字典的JSON），確定元件的內容。基本上，一個元件做到實現一個單一的功能。如果一個元件可以實現很多功能（後期增加很多新的功能，需要拆分成獨立功能的子元件）。

2. 靜態開發：不考慮使用者互動的情況，直接靜態頁面進行開發（listComments），資料自頂向下進行傳遞。完成靜態開發後，可以進行逐步測試，確保當前靜態功能的實現（顯示當前評論數量，顯示當前已有評論，刪除評論）。

3. 動態開發：主要針對使用者輸入或者操作。使用者在底元件中輸入，從下層獲取資料直接請求，或者使用父元件的函式統一進行請求。