## 前言 * 現在我們結合之前所學，將自定義組件、mock數據、api調用整合在一起。 * 拓展ButtonX組件，在外部傳入參數，組件內部點擊后調用api后將返回打印至控制臺 ## 開始集成 1. 我們將Demo模塊中的部分代碼拷貝至ButtonX組件中  2. 可以看到，現在是每次點擊按鈕后，進行調用接口，并且將返回打印在控制臺中 3. 打開系統點擊按鈕查看控制臺，點擊兩次按鈕發現調用成功  ## 后記 很多時候，業務組件都比較復雜，里面有很多屬性相互依賴、調用。若處理不好容易造成組件內部出錯，這時候，React State（狀態機）就非常需要了，我們可以將會變更的數據都交由State管理，然后將界面UI與State數據綁定。這樣一來我們只需要變更對應的State，就可以自動刷新界面了。非常方便，下面我們來學習下 React State，看看如何使用。