React

React调用回调函数，正确设置this指向的三种方法 通过bind 通过箭头函数 箭头函数包裹 绑定事件传递参数 条件渲染 通过if进行条件判断 使用三目运算符 使用逻辑与 列表渲染 使用map高阶

Redux是什么？ Redxu的流程图（核心中的核心） Redux的三大核心 核心1：单一数据源 核心2：state是只读的 核心3：使用纯函数来执行修改 Redux的组成 state状态 Domin

使用useRef获取DOM元素 基本用法 使用useRef跨组件周期保存数据 基本用法 即使组件重新渲染，保存的数据仍然还在，保存的数据被更改不会触发组件重新渲染。

原生useState具有的几个特点 返回一个数组，数组的第一个参数值是状态值，第二个参数值是设置状态的方法。 useState会判断传入的state是初始值还是已存在的值。 useState可能被多次

什么是自定义Hook? 自定义Hook是标准的封装和共享逻辑的方式。 自定义Hook是一个函数，其名称以use开头。 自定义Hook其实就是逻辑和内置的Hook的组合。 实例一：封装共有请求 实例二：

原生useEffect具备的几个特点 useEffect可以多次调用。 useEffect根据传入参数的不同，具有不同的执行方法。 手写useEffect的步骤 第一步：使用数组来存储不同的effec

原生useReducer的特点 接收两个参数，第一个参数是reducer函数，第二个参数是一个初始的状态值。 useReducer返回的是一个数组，数组的第一个元素是存储的状态，第二个元素是触发act

什么是diff算法？ 传统diff算法 传统diff算法的时间复杂度 React优化后的diff算法 React diff的三个前提策略 Web UI中DOM节点跨层级的移动操作特别少，可以忽略不计。

这是我参与8月更文挑战的第24天，活动详情查看：8月更文挑战 1. 安装echarts-for-react插件(两个都要装) 2. 导入ReactEcharts库 3. 渲染ReactEcharts组

comineReducers旨在解决什么问题？ 结合后的reducer函数 思维导图，通过combineReducers来将多个reducer结合在一起。

使用redux-thunk实现异步redux 在哪里引入redux-thunk？ 异步action和普通的action有什么不同？ 异步action和同步action的区别 最后别忘了，组件中已经没有

已经有了redux为什么还要设计react-redux? UI组件和容器组件 react-redux的核心API 1. Provider：该组件包含的组件能够获取到状态state. 2. connec

阅读指南 React生命周期流程图 1. getDerivedStateFromProps(props, state) 这个函数是静态的，所以前面要加static. 返回的是什么？ 接收的是什么？ c

PureComponent有什么用？ PureComponent的基本原理 重写了shouldComponentUpdate方法。 对组件的新/旧 state和props中的数据进行浅比较，如果没有变

为什么要使用shouldComponentUpdate? shouldComponentUpdate的用法 在子组件中： codeSandBox在线演示

问题引入 使用setState的两种形式 函数形式的setState 对象形式的setState 使用过setState之后能否立即获取到状态更新后的值 如何立即获取到状态更新后的值 setState

集成带有DOM操作的插件 如何解决这个问题 集成JQuery Chosen插件 Chosen对DOM做了哪些操作？ 读取原DOM节点的属性，然后使用行内样式隐藏它。 紧挨着这个select之后增加一个

问题描述 数据源 通过map进行递归操作 ,解决前端项目中需要将数据结构为树的数据源转换为路由导航的问题。

核心 高阶组件不用关心数据是如何渲染的，只用关心逻辑即可。 被包装的组件不用关心数据是怎么来的，只用负责渲染即可。 最后渲染的是高阶组件返回的组件。 一个例子看懂高阶组件的用法 解读 高阶组件是一种函

Fragments存在的意义是什么？ 动机 用法 使用React.Fragment代替原本的div 通过上面的方法我们就可以正确的输出table了。 短语法 我们可以使用一种类似空标签的语法来声明Fr