前端 —— 笔记 —— React全家桶

useEffect vs useLayoutEffect 完全指南 🎯 核心区别：执行时机 useEffect（异步副作用） useLayoutEffect（同步副作用） 📊 详细对比表 特性 use

前言 先简单记录下，后续慢慢在慢慢补充吧； React创建组件的两种方式 Class： 已被官方废弃（源码中依然保留），但是需要了解学习，为函数式组件做铺垫； 可以直接反映出React运行时的整个生命

高阶函数 forwardRef forwardRef 是 React 中的一个高阶函数，用于将 ref 显式地传递给子组件。 通常需要配合 useImperativeHandle 使用； 在 Type

一、环境准备 1.1 安装插件 在 React 中使用 Redux，官方要求安装两个插件 Redux Toolkit 和 react-redux； Redux Toolkit：（RTK） 官方推荐编写

前言 Redux 是 React 最常见的 集中状态管理工具，类似于 Vue 中的 Pinia(Vuex)，可以独立于框架运行； ❗ 注意： Redux虽然是React中的东西，但是它不跟React绑

前言 前端路由： 一个路径path 对应 一个组件component 当我们在浏览器中访问一个 path 的时候，path对应的组件会在页面中进行渲染； 一、创建路由开发环境 创建具有 路由 项目的

一、useEffect 1.1 概念 useEffect 是一个 React Hook 函数，用于在 Recat 组件中 创建 不是由事件引起 而是 由渲染本身引起 的操作，比如 发送Ajax请求、更

前言 组件通信概念 组件之间 的 数据传递，根据组件嵌套关系的不同，有不同的通信方法（如下图所示）； 一、父子通信 1.1 父传子 - props 1.1.1 实现步骤 父组件 传递 数据： 在 子组

前言 什么是组件？ 组件是一个广泛的概念，现在流行的框架中都有组件； 一个组件就是用户界面的一部分，它可以有自己 的 逻辑 和 外观，组件之间 可以 相互嵌套，也可以 复用 多次； 一、React组件

前言 什么是 JSX？ JSX 是 JavaScript 和 XML(HTML) 的缩写，表示在 JS 代码中编写 HTML 结构，它是React中编写UI模板的方式； 优势： HTML的声明式写法；

前言 创建 react 项目不用像创建Vue项目那么麻烦； 我目前也是React刚起步，可能有些创建项目的方式还没接触到，等接触到了再补充上； 我们直接创建运行命令即可； 一、创建项目 创建项目命令