网页大神经

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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