• ## 介绍

如何在 React Native 里自动读取接口数据？这节课就告诉你。

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

• 如何使用 useEffect 自动读取接口？
• useEffect 的运行时机
• 如何让 useEffect 只运行一次

使用 useEffect

咱们上节课，是写了一个按钮。必须要点击按钮后，才能获取数据，显示到App中。这样肯定是不行的，正常来说，App一打开，就要自动读取接口，显示出来。

用到的办法就是使用useEffect。useEffect也是属于React Hook里面的东西，它会在特定的时机自动运行。最常用的，就是让它在组件挂载后，去自动读取接口数据。

基础用法

我们学习下它的用法，当然要先去引用了：

import { useState, useEffect } from 'react';

...