React

我们见过的高阶组件 memo 函数组件render优化方式：memo forwardRef 获取函数组件实例

前言 我们知道HOC是一个函数，该函数接受组件作为参数，返回新组件，新的组件是对传递的原始组件的增强。 具体怎么做的，原始组件和新组件关系？ 定义一个函数，接受oringinCpn 内部定义一个新的c

通过高阶函数-》高阶组件-》高阶组件的定义-〉应用场景 介绍 高阶函数 高阶函数，至少满足以下任意一个条件： 返回一个函数 接受函数作为参数 js中高阶函数 react高阶组件 是一个函数 该函数接受

用的不多，一般用受控组件 实在要用受控组件，通过ref绑定元素，通过current.value获取元素内容 默认值获取，参考上图最后一行defalutValue defaultChecked

本章以demo为例介绍一个全受控表单元素的 change数据维护 以及 表单提交 demo 交互 代码 结论： form元素中自定义onSubmit 事件进行逻辑处理：onSubmit={(e) =>

react中，表单元素绑定了value，且该value是state中的数据，那么他就是受控组件，此时必须添加表单元素的change handler,去根据e.target.value更新state,否

上一章讲了ref获取原声DOM3种方式，最常用的是第二种，createRef 本章讲ref获取组件 ref获取类组件 使用方式和createRef获取原生DOM一样，只不过获取到组件后，可以调用组件实

为什么用ref 一般来说，在MVVM框架中，我们不需要操作原生DOM，但是在某些特殊场景，需要操作，如以下场景： 操作input的聚焦/不聚焦，媒体播放，文本选择 触发强制动画 继承第三方DOM库 基

指的是state或者props中数据是引用类型的情况下，在setState时候，必须改变最外层数据的引用，才能保证pureComponent能够重新render 原理 pureComponent中se

前言 渲染流程 App根组件render函数通过jsx语法return了html标签元素，当然也可以包含react组件标签。 render函数的运行实际上通过React.createElement('

setState一定是异步的吗？ React18之前有些情况是同步的，react18之后都是异步的 18之后如何强制同步？ import {flushSync} from react-dom 总结：

this.setState()怎么更改state的 原理：通过Object.assign将原来的state中字面量对象和setState中的子面量对象进行合并得到的 setState三种使用方法 方法

为什么使用setState setState来自于Component原型 vue中数据更新 模板渲染 template转化为render函数 render函数，经过h函数，即createElement

作用 和vue一样，用于跨级/非跨级组件通讯，也是组件通讯常用的一种方式。 用法 下载包hy-event-store 创建实例 组件1抛出事件：emit('eventName', args) 组件2

context应用场景 单纯父子组件通信，通过props就可以，但是父给后N代组件传递呢，如果都用props，代码会非常冗余，此时context就是好的解决方案。 补充：非要一个个传递，使用{...p

两种方式：组件children 和 props 组件children 使用组件的时候，双标签，内部加入react element元素 定义组件的时候，内部通过this.props.children获取

和vue类似，父组件维护自己的状态state,通过在子组件引用的时候，添加属性，给子组件传递数据。子组件中【类组件】，可以在constroctor中添加参数props来查看父组件的传值，也可以不显示添

事物都有从创建到销毁的过程，叫做生命周期 react组件也有自己的生命周期，了解组件的生命周期就可以帮我们在合适的地方完成自己想要做的事情 生命周期是一个抽象概念，整个过程分为很多阶段： 装载阶段Mo

定义 函数式组件是通过function来定义的函数，只是这个函数的返回和类组件render函数的返回规则一致 函数式组件有自己的特点（hooks前）： 没有生命周期，也会被更新并挂载，但是没有生命周期

定义要求 组件名称大写字符开头（无论类和函数组件都要满足） 类组件需要继承自React.Component 类组件必须实现render函数 使用class定义一个组件，注意以下： costructor