首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
React知识点汇总
livaha
创建于2021-07-07
订阅专栏
通过准备面试回顾React各相关的知识点及原理,面试题等
暂无订阅
共13篇文章
创建于2021-07-07
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
Button组件
react组件Button基础组件写法--------------------------------
如何强制更新一个Hooks组件
~~~jsx const [updater,setUpdater] = useState(0); function forceUpdate(){ setUpdater(updater => updat
自定义Hooks
~~~jsx /** * 自定义Hooks * 自定义 Hooks 函数偏向于功能,而组件偏向于界面和业务逻辑。 * 它与纯函数的区别是:输入输出的区别 */ import React, { useR
Hooks-useRef
* 1 与createRef 一样:用来获取组件实例对象或者是DOM对象 * 2 createRef 每次渲染都会返回一个新的引用, * 而 useRef 每次都会返回
React-Context
~~~jsx /** API: 1 createContext(defaultValue?)::创建一个上下文的容器(组件), defaultValue可以设置共享的默认数据 const {Provi
React-memo
~~~jsx //React 中性能优化、 memo、 PureComponent、shouldComponentUpdate 的使用 //https://blog.csdn.net/landl_ww
React-contextType
~~~jsx /**Context 提供了一种方式,能够让数据在组件树中传递时不必一级一级的手动传递 * contextType(静态属性) 可以简化 context 的使用,不使用 consumer
Lazy-Suspense
/*Lazy与Suspense实现延迟加载 *!!!下面三者缺一不可 *1 Lazy:封装组件的导入行为import *2 Suspense:待加载时要显示的内容 *3 !!如果文件没请求成功
Hooks-useMemo-useCallback
* memo:判断组件的渲染是否重复执行 <Foo/> * useMemo:定义函数逻辑是否重复执行 ()=>{} * useMemo(()=>{},[]); 语法与useE
Hooks-useContext
/**hooks Context * !!!不要滥用Context,因为会破坏组件独立性 * useContext:解决的是组件之间值传递的问题 redux:是应用中统一管理状态的问题
Hooks-useEffect
/**useEffect(()=>{return callback;},[参数]) * 回调函数:在组件销毁时执行 * 第二个参数:是一个数组,不传值时默认每次都更新。 *
Hooks-useState
* useState * 1 通过多次调用useState拥有多种状态 * 要确保对useState()的多次调用在渲染之间始终保持相同的顺序(后面会讲)。 * 2 状态的延迟初始化 *
React高级特性
1 函数组件 2 非受控组件 3 Portals 4 context 5 异步组件 6 shouldComponentUpdate(简称SCU) 7 PureComponent