首页
首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
网页大神经
掘友等级
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
4
文章 4
沸点 0
赞
4
返回
|
搜索文章
网页大神经
1年前
关注
04_高阶函数意义
我们见过的高阶组件 memo 函数组件render优化方式:memo forwardRef 获取函数组件实例...
0
评论
分享
网页大神经
1年前
关注
02-高阶组件HOC-增强props
前言 我们知道HOC是一个函数,该函数接受组件作为参数,返回新组件,新的组件是对传递的原始组件的增强。 具体怎么做的,原始组件和新组件关系? 定义一个函数,接受oringi...
0
评论
分享
网页大神经
1年前
关注
01-高阶组件HOC-认识
通过高阶函数-》高阶组件-》高阶组件的定义-〉应用场景 介绍 高阶函数 高阶函数,至少满足以下任意一个条件: 返回一个函数 接受函数作为参数 js中高阶函数 react高阶...
0
评论
分享
网页大神经
1年前
关注
10-组件化高级-非受控组件使用过程
用的不多,一般用受控组件 实在要用受控组件,通过ref绑定元素,通过current.value获取元素内容 默认值获取,参考上图最后一行defalutValue defau...
0
评论
分享
网页大神经
1年前
关注
09-组件化高级-form表单受控元素提交
本章以demo为例介绍一个全受控表单元素的 change数据维护 以及 表单提交 demo 交互 代码 结论: form元素中自定义onSubmit 事件进行逻辑处理:on...
0
评论
分享
网页大神经
1年前
关注
08-组件化高级-受控与非受控组件
react中,表单元素绑定了value,且该value是state中的数据,那么他就是受控组件,此时必须添加表单元素的change handler,去根据e.target....
0
评论
分享
网页大神经
1年前
关注
07-组件化高级-ref获取组件
上一章讲了ref获取原声DOM3种方式,最常用的是第二种,createRef 本章讲ref获取组件 ref获取类组件 使用方式和createRef获取原生DOM一样,只不过...
0
评论
分享
网页大神经
1年前
关注
06-组件化高级-ref获取原生DOM3种方式
为什么用ref 一般来说,在MVVM框架中,我们不需要操作原生DOM,但是在某些特殊场景,需要操作,如以下场景: 操作input的聚焦/不聚焦,媒体播放,文本选择 触发强制...
0
评论
分享
网页大神经
1年前
关注
05-组件化高级-state数据保持不可变性
指的是state或者props中数据是引用类型的情况下,在setState时候,必须改变最外层数据的引用,才能保证pureComponent能够重新render 原理 pu...
0
评论
分享
网页大神经
1年前
关注
04-组件化高级-render性能优化
前言 渲染流程 App根组件render函数通过jsx语法return了html标签元素,当然也可以包含react组件标签。 render函数的运行实际上通过React.c...
0
评论
分享
网页大神经
1年前
关注
03-组件化-setState同步和异步
setState一定是异步的吗? React18之前有些情况是同步的,react18之后都是异步的 18之后如何强制同步? import {flushSync} from ...
0
评论
分享
网页大神经
1年前
关注
02-组件化-setState详细使用以及为何异步
this.setState()怎么更改state的 原理:通过Object.assign将原来的state中字面量对象和setState中的子面量对象进行合并得到的 set...
0
评论
分享
网页大神经
1年前
关注
01-组件化-为什么使用setState
为什么使用setState setState来自于Component原型 vue中数据更新 模板渲染 template转化为render函数 render函数,经过h函数,...
0
评论
分享
网页大神经
1年前
关注
08-事件总线
作用 和vue一样,用于跨级/非跨级组件通讯,也是组件通讯常用的一种方式。 用法 下载包hy-event-store 创建实例 组件1抛出事件:emit('eventNam...
0
评论
分享
网页大神经
1年前
关注
07-非父子组件通信context
context应用场景 单纯父子组件通信,通过props就可以,但是父给后N代组件传递呢,如果都用props,代码会非常冗余,此时context就是好的解决方案。 补充:非...
0
评论
分享
网页大神经
1年前
关注
06-react插槽实现
两种方式:组件children 和 props 组件children 使用组件的时候,双标签,内部加入react element元素 定义组件的时候,内部通过this.pr...
0
评论
分享
网页大神经
1年前
关注
05-父子组件通讯
和vue类似,父组件维护自己的状态state,通过在子组件引用的时候,添加属性,给子组件传递数据。子组件中【类组件】,可以在constroctor中添加参数props来查看...
0
评论
分享
网页大神经
1年前
关注
04-react生命周期
事物都有从创建到销毁的过程,叫做生命周期 react组件也有自己的生命周期,了解组件的生命周期就可以帮我们在合适的地方完成自己想要做的事情 生命周期是一个抽象概念,整个过程...
0
评论
分享
网页大神经
1年前
关注
03-函数式组件
定义 函数式组件是通过function来定义的函数,只是这个函数的返回和类组件render函数的返回规则一致 函数式组件有自己的特点(hooks前): 没有生命周期,也会被...
0
评论
分享
网页大神经
1年前
关注
02-类组件
定义要求 组件名称大写字符开头(无论类和函数组件都要满足) 类组件需要继承自React.Component 类组件必须实现render函数 使用class定义一个组件,注意...
0
评论
分享
下一页
个人成就
文章被点赞
13
文章被阅读
19,184
掘力值
931
关注了
1
关注者
3
收藏集
0
关注标签
5
加入于
2016-12-16