在本教程中，我们将逐步介绍如何创建一个基于 React 的用户登录功能。通过以下课程目录，您将学习如何构建一个登录页面并实现用户登录、设置状态管理、存储用户登录状态以及退出登录功能。
第一节：准备用户登录页面与路由
在这一节中，我们将创建用户登录页面，并设置相关的路由，确保用户能够访问到登录页面并在未登录状态下进行登录。
第二节：改造 AppHeader 组件
我们将对 AppHeader 组件进行改造，以便在用户登录后显示用户信息，或者在未登录状态下显示登录链接。
第三节：准备用户登录表单并请求登录
在这一节，我们将创建用户登录表单，并通过发送登录请求与后端建立连接，实现用户的登录功能。
第四节：React 应用基于 Context 的状态管理（一）
学习使用 React 的 Context API 来进行状态管理，这将使我们能够在整个应用中访问用户登录状态。
第五节：React 应用基于 Context 的状态管理（二）
继续深入学习基于 Context 的状态管理，我们将定义一些额外的操作，如注销功能，以及展示其他与用户登录状态相关的信息。
第六节：定义设置与读取本地存储数据用的方法
在这一节中，我们将实现用于存储与读取用户登录状态的本地存储方法，确保用户在刷新页面后仍能保持登录状态。
第七节：在 React 应用里存储与恢复用户登录状态
学习如何利用本地存储方法，在 React 应用中实现持久化的用户登录状态，以便用户在关闭浏览器后再次打开应用时能够恢复登录状态。
第八节：设置 HTTP 客户端的身份验证头部
为了确保用户在登录状态下能够正常访问需要登录权限的功能，我们将学习如何在 HTTP 请求中设置身份验证头部。
第九节：退出登录
最后，我们将实现退出登录功能，允许用户在需要时主动登出账号。
通过完成本教程，您将掌握构建基于 React 的用户登录功能所需的关键步骤，并对 React 中的状态管理、路由设置、HTTP 请求等方面有更深入的了解。让我们一起开始吧！
