## 前言 * 现在我们结合之前所学，将自定义组件、mock数据、api调用整合在一起。 * 拓展ButtonX组件，在外部传入参数，组件内部点击后调用api后将返回打印至控制台 ## 开始集成 1. 我们将Demo模块中的部分代码拷贝至ButtonX组件中  2. 可以看到，现在是每次点击按钮后，进行调用接口，并且将返回打印在控制台中 3. 打开系统点击按钮查看控制台，点击两次按钮发现调用成功  ## 后记 很多时候，业务组件都比较复杂，里面有很多属性相互依赖、调用。若处理不好容易造成组件内部出错，这时候，React State（状态机）就非常需要了，我们可以将会变更的数据都交由State管理，然后将界面UI与State数据绑定。这样一来我们只需要变更对应的State，就可以自动刷新界面了。非常方便，下面我们来学习下 React State，看看如何使用。