介绍

不会自定义 Hook？这节课就告诉你。

大家好，这里是东哥。您现在收看的是「长乐未央全栈系列：React Native 项目实战」课程的第 17 回：自定义 Hook 请求接口，在这节课里，我们将探讨：

• 如何通过自定义 Hook，将网络请求和各种状态都封装起来？

自定义 Hook

上节课，我们将Fetch请求封装了，但是现在App.js里，还是不够干净。像这些error、loading、发起请求，重新加载，基本上每个页面都有这些东西。

那能不能把这些常用的东西，封装起来呢？当然可以，我们这节课，就把这些常用的功能方法，通过自定义hook封装起来。

封装 useFetchData.js

在根目录新建一个hooks文件夹，这里就专门放自定义的一些hook。

接着新建一个useFetchData.js文件，下一步就把这些公共的东西，全都抽离出来。我已经准备好了，大家一起看一下：

import { useState, useEffect } fro...