## 前言
* 現在我們結合之前所學,將自定義組件、mock數據、api調用整合在一起。
* 拓展ButtonX組件,在外部傳入參數,組件內部點擊后調用api后將返回打印至控制臺
## 開始集成
1. 我們將Demo模塊中的部分代碼拷貝至ButtonX組件中

2. 可以看到,現在是每次點擊按鈕后,進行調用接口,并且將返回打印在控制臺中
3. 打開系統點擊按鈕查看控制臺,點擊兩次按鈕發現調用成功

## 后記
很多時候,業務組件都比較復雜,里面有很多屬性相互依賴、調用。若處理不好容易造成組件內部出錯,這時候,React State(狀態機)就非常需要了,我們可以將會變更的數據都交由State管理,然后將界面UI與State數據綁定。這樣一來我們只需要變更對應的State,就可以自動刷新界面了。非常方便,下面我們來學習下 React State,看看如何使用。