介绍目前 React 提供的所有 hooks ，介绍其功能类型和基本使用方法，查缺补漏，助你早日进阶 React !

React 组件中，数据传递往往是十分重要的一步，在大多数情况下我们使用prop向下传递，但当我们无需使用常见的一些状态库来处理我们的需求的时候，同时又不想逐级传递我们的状态，此时使用Context

自从 React v16.8 版本以来，React Hooks 为我们提供了全新的编写和思考 React 组件的方式。这是本系列文章第一篇，我们将探讨最常用的 hook——useState.

在学习任何一个框架原理之前，学习它的生命周期是非常必要的，至少可以让我们明白在什么时候该做什么事情。不至于犯一些低级错误。 React 16.8 版本正式发布了 Hook 机制，因此本文会分别讲解 Class Component 生命周期与 Function Component…

useState和useContext深度解析 React Hooks 彻底改变了React组件的状态管理和功能复用方式，使得函数组件也能拥有类组件的功能。

前言 react 生命周期指的是组件从创建到卸载的整个过程，每个过程都有对应的钩子函数会被调用，它主要有以下几个阶段： 挂载阶段 ：组件实例被创建和插入 DOM 树的过程 更新阶段 ：组件被重新渲染的

同样的，我们可以用命令行**npm init vite**，以vite代替传统的create-react-app作为react项目脚手架去更加快速地搭建一个react项目，用react-demo命名。

react-router-dom v6相比于v5变动很大，单独列出变动点觉得没有必要，可以当成全新的插件去学习并使用。官方文档的内容太多，这里整理一些平时常用的，降低入门门槛。 前提：使用 vite

针对react-router-dom V6，鉴于目前网络上的相关资源较少，本篇特地汇总了一些日常开发中常用的功能点。