首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
React Hooks
Always_positive
创建于2021-08-25
订阅专栏
本专栏主要存放React Hooks相关的知识结构。
等 9 人订阅
共11篇文章
创建于2021-08-25
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
React核心用法系统梳理
React调用回调函数,正确设置this指向的三种方法 通过bind 通过箭头函数 箭头函数包裹 绑定事件传递参数 条件渲染 通过if进行条件判断 使用三目运算符 使用逻辑与 列表渲染 使用map高阶
有大用途的useRef
使用useRef获取DOM元素 基本用法 使用useRef跨组件周期保存数据 基本用法 即使组件重新渲染,保存的数据仍然还在,保存的数据被更改不会触发组件重新渲染。
从原理上解读useState钩子函数
原生useState具有的几个特点 返回一个数组,数组的第一个参数值是状态值,第二个参数值是设置状态的方法。 useState会判断传入的state是初始值还是已存在的值。 useState可能被多次
彻底搞懂自定义Hook函数和路由钩子函数
什么是自定义Hook? 自定义Hook是标准的封装和共享逻辑的方式。 自定义Hook是一个函数,其名称以use开头。 自定义Hook其实就是逻辑和内置的Hook的组合。 实例一:封装共有请求 实例二:
这一次,学会手写useEffect
原生useEffect具备的几个特点 useEffect可以多次调用。 useEffect根据传入参数的不同,具有不同的执行方法。 手写useEffect的步骤 第一步:使用数组来存储不同的effec
带你一起手写useReducer
原生useReducer的特点 接收两个参数,第一个参数是reducer函数,第二个参数是一个初始的状态值。 useReducer返回的是一个数组,数组的第一个元素是存储的状态,第二个元素是触发act
学会使用useMemo和useCallback对你没坏处
这是我参与8月更文挑战的第31天,活动详情查看:8月更文挑战 什么是useMemo? useMemo的基本用法 memo方法 memo方法的基本用法 useCallback是什么? useCallba
这一次,彻底搞懂useEffect
这是我参与8月更文挑战的第29天,活动详情查看:8月更文挑战 什么是useEffect? 1. useEffect执行时机 当做componentDidMount和componentDidUpdate
需要掌握的Hooks之useReducer与useContext
这是我参与8月更文挑战的第28天,活动详情查看:8月更文挑战 什么是useReducer? useReducer接受什么? userReducer返回的是什么? 定义的reducer函数接收什么,返回
useState是怎么回事?
这是我参与8月更文挑战的第26天,活动详情查看:8月更文挑战 为函数组件提供状态 useState的返回值是什么? useState的细节 接收唯一的参数即状态初始值,初始值可以是任意数据类型。 返回
为什么需要React Hooks?
这是我参与8月更文挑战的第25天,活动详情查看:8月更文挑战 React Hooks介绍 React Hooks是用来做什么的? 什么是副作用? 获取DOM元素 为DOM元素添加事件 设置定时器 发送