如何将useState和useEffect结合使用在React的hook函数中？

本文共计2911个文字，预计阅读时间需要12分钟。

目录

1.简介

2.useState 使用

3.useEffect 使用

1. 简介 在 React 的世界中，有容器组件和 UI 组件之分。在 React Hooks 出现之前，UI 组件我们可以使用函数组件实现，而容器组件则需要使用类组件。在 React Hooks 出现后，我们无需类组件，即可实现状态和副作用的逻辑管理。

目录

• 1. 简介
• 2. useState使用
• 3. useEffect使用
• useEffect发起网络请求

1. 简介

在 React 的世界中，有容器组件和 UI 组件之分，在 React Hooks 出现之前，UI 组件我们可以使用函数组件，无状态组件来展示 UI，而对于容器组件，函数组件就显得无能为力，我们依赖于类组件来获取数据，处理数据，并向下传递参数给 UI 组件进行渲染。React在v16.8 的版本中推出了 React Hooks 新特性，Hook是一套工具函数的集合,它增强了函数组件的功能，hook不等于函数组件，所有的hook函数都是以use开头。