React

在React中，节点（Node）是构成React应用界面的基本单元。 1. 元素节点（React Element） 表示UI中的单个节点，是React的基础组成部分。 类型 HTML元素节点：普通的D

useState用于函数组件中添加状态。它返回一个状态变量和一个更新这个状态的函数。在底层，useState是通过React的内部机制和调度算法来实现的。 原理：在react中，只有当state发生改

一个react项目中可以有多少个redux中的store?/ 一个vuex中有多少个store？ 通常在一个React项目中，只会有一个Redux store。设计Redux时的理念就是应用状态应该集

Redux解决了什么问题？ 数据状态管理，可以数据 ==> 视图---对应 可以实现时间旅行，数据回退 方便调试，利用action和dev-tools Redux解决了组件通信吗？ 实际上redux的

自学 1. 避免不必要的重渲染 1.1 对于类组件，使用shouldComponentUpdate 1.2 对于函数组件,使用React.memo 2. 使用合适的状态管理工具 选择合适的状态管理工具

1. 什么是合成事件 React 16.x及以前的合成事件 事件委托到document; 部分事件还是会绑定到当前元素； 存在React事件和原生事件的映射关第，比如onMouseLeave会映射成原

HOC : higher order component HOC是一个纯函数，没有副作用 HOC是参数为组件，返回值为新组件的函数。组件是将props转换为UI，而高阶组件是将组件转换为另一个组件，但

Hook官网地址 B站学习视频 为什么要使用Hook 针对一些复杂组件，可以进行拆分，将每个相关的小模块拆分成一个函数 componentDidMount domponentDidUpdate com

React的diff算法是用于在虚拟DOM中比较新旧两棵树的算法，从而确定需要更新哪些部分，以最小化实际DOM操作的数量。 React的diff算法主要包括三个步骤： 1. 生成虚拟DOM树 Reac

React.forwardRef React.forwardRef是React中用于转发refs的高阶函数。 它允许组件接收ref属性，并将该ref属性转发给其子组件。 在React中，ref属性通常

React.memo React.memo是一个高阶组件，用于优化函数组件的性能。它通过记忆组件渲染输出，避免在相同的props下重复渲染组件。 工作原理： React.memo接受一个组件并返回一个

React Fiber是React 16版本引入的一种全新的协调引擎，用于优化和改善React应用的性能和可扩展性。React Fiber旨在解决React在处理复杂应用时的一些局限性，使其能够更高效

React的生命周期方法三个主要的阶段：挂载(Mounting)、更新（Updating）和卸载(Unmounting)。 1. 挂载(Mounting) 挂载阶段发生在组件被实例化并插入DOM中时。

useReducer用于函数组件中管理更复杂的状态逻辑。 useReducer的基本用法 useReducer的原理 1. reducer函数 reducer函数是一个纯函数，它接收当前状态和描述状态

useState是React中的一个Hook，用于函数组件中添加状态管理。 1、useState的基本用法 useState返回一个状态变量root和一个更新状态的函数setCount 2、useSt

useLocation和useHistory是React Router中的两个钩子，用于处理路由相关的操作。 useLocation useLocation钩子返回当前的location对象。loca

useEffect官方文档 一个简单的useEffect示例如下，它会在每次render之后执行，包括首次的render以及每次更新后的render。 useEffect是一个Hook，因此只能在组件