React初学者

Hooks实现原理 React的useState：通过链表来实现 关键点：保证组件每次渲染时，都以相同的顺序调用Hooks Hooks的使用规则：

一、React Hooks应用 1、useRef 2、非空断言 （TS提供的） 3、useContext 作用：在函数组件中，获取Context中的值。要配合Context一起使用 1、创建一个con

一、Hooks是什么 Hooks是React v16.8中的新增功能。 抛开React赋予的概念 hooks就是一些普通的函数 赋予的： 为函数组件提供状态、生命周期等原本class组件提供的Reac

一、基本使用 1、安装 2、导入路由的三个核心组件：Router/Route/Link/Routes 3、使用Router组件 包裹整个应用 不需要加exact 精准匹配 需要用Routes包裹起来

一、React路由介绍 前端路由的功能：让用户从一个视图导航到另一个视图 前端路由是一套映射规则，在React中，是URL路径和组件的对应关系 使用React路由简单来说，就是配置路径和组件（配对）

学习目标 能够知道 setState() 更新数据时异步的 能够知道 JSX 语法的转化过程 能够说出React组件的更新机制 能够对组件进行性能优化 能够说出虚拟DOM和Diff算法 一、更新数据

一、安装React react 包是核心，提供创建元素、组件等功能 react-dom包提供DOM相关功能等 二、使用React 1、引用react和react-dom文件 2、创建React元素 创

一、父传子Props 组件是封闭的，要接收外部数据应该通过props来实现 传递数据：给组件标签添加属性 接收数据：函数组件通过参数props接收数据，类组件通过this.props接收 1、函数组件

一、React组件介绍 二、组件创建方式 1、使用函数创建组件 函数组件：使用JS的函数创建组件 规范1: 函数名称必须以大写字母开头 规范2: 函数组件必须有返回值，表示该组件的结构 规范3: 如果

一、为什么脚手架中可以使用JSX语法？ JSX 不是标准的ECMAScript语法，它是ECMAScript的扩展 需要babel编译之后才能使用 编译JSX语法的包为：@babel/preset-r

一、React是什么 二、React的特点 1、声明式 例子 2、基于组件 组件是React最重要的内容