React 知识点整理

为什么 useState 要使用数组而不是对象？ 解构赋值 数组依次排序，可以随便命名 对象不行，没有次序 状态是同步还是异步？ 在 setTimeout 里面是同步的 React 17 的 lega

是什么 在数据更新时，react生成了一棵更大的虚拟dom树，找到真正变化的部分，这需要花费更长的时间。js占据主线程去做比较，渲染线程便无法做其他工作，用户的交互得不到响应，所以便出现了react

Redux createStore只有一个函数，返回4个闭包 dispatch只做了一件事，调用reducer然后调用subscribe的listener Redux并不知道state有没有发生变化，

import { observable, autorun, observe, reaction, computed, action, configure, runInAction } from 'mo

是什么 基于浏览器的事件机制实现 React 事件机制（合成事件） React模拟原生 DOM事件所有能力的一个事件对象 根据 W3C规范来定义合成事件，兼容所有浏览器，拥有与浏览器原生事件相同的接口

useRouters 的使用 动态地配置路由 接收一个路由数组，用匹配到的路由来渲染相应的组件 在应用的生命周期中更改路由更容易 用Routes包裹Route组件(react-router v6强制要

受控组件 React控制的组件 input等表单输入框值不存在于 DOM 中，以组件状态存在 通过props获取其当前值，通过回调函数(比如onChange)通知变化 组件渲染出的状态与它的value

父子传值 React 父子组件传值 - 掘金 (juejin.cn) React 缺点 React 缺点 - 掘金 (juejin.cn) Redux React redux react-redux

useEffect 为什么在组件内部调用 useEffect？ 在 effect 中直接访问 count state 变量或其他 props （它已经保存在函数作用域中） Hook 使用了 JavaS

The createElement Function jsx => js by createElement The render Function 创建元素 赋予属性 获取所有的 key 过滤掉 ch

--- highlight: agate theme: condensed-night-purple --- ```JavaScript import React, { useState } from

安装 在redux文件夹下的index.js添加 在项目根文件下index.js下 引用：redux-persist管理redux, 解决刷新react-redux数据丢失！_redux persis

render constructor componentDidMount componentDidUpdate componentWillUnmount

## 类组件 vs 函数组件 类组件：实现组件动态更新 函数组件：渲染比较快，函数渲染什么返回什么，类组件要经历很多步骤 事件的传播机制

说说对 State 和 Props的理解，有什么区别？ State 组件由数据状态和外部参数所决定 数据状态 state 在 constructor 中初始化 通过调用setState来改变 → 更新

区分Real DOM和Virtual DOM Real DOM：文档对象模型，在页面渲染出的每一个结点都是一个真实DOM结构 更新缓慢 可以直接更新 HTML 如果元素更新，则创建新 DOM DOM操

父子组件传值 类组件 优化：pure component 减少不必要的更新 函数组件 优化：useCallback memo useMemo

内联样式 css样式表 css modules composes:继承 React-JSS 000000000

React的工程化/组件化开发 React官方脚手架：create-react-app（默认把webpack的打包规则处理好） create-react-app基础运用 安装脚手架 检查安装情况 基于

定义 参数 / 返回值：组件 纯函数 不会修改传入的组件 不会使用继承来复制其行为 没有副作用 使用HOC的原因 相同功能组件复用 权限控制：条件渲染，控制组件的渲染逻辑（渲染劫持） 组件渲染性能追踪