首页
AI Coding
数据标注
NEW
沸点
课程
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
React学习
千度麒麟
创建于2023-04-22
订阅专栏
React学习
等 1 人订阅
共11篇文章
创建于2023-04-22
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
react - 01.安装脚手架
安装Node 下载双击安装node:官网:https://nodejs.org/en/download/ win+R -> cmd -> 输入node-v / npm-v,出现版本号,说明安装成功 安
react - 02.useState
1.useState useState是React的内置函数,作用是让函数组件也可以维护自己的状态,简单的理解就是,useState是改变状态的开关,能够完成对状态的初始化,读取和更新 useStat
react - 03.useEffect
1.默认情况下,useEffect会在组件渲染完成后调用,并且每次渲染完成后调用 2.useEffect可以传递第二个参数,为数组,数组中可以指定useEffect的依赖项,只有当依赖项发生变化时,u
react - 04.useLayoutEffect
useLayoutEffect和useEffect很相似,也接收一个函数和一个数组,但是只有在数组里面的值改变的情况下,才会再次执行副作用,并且也可以返回一个函数 1.useEffect和useLay
react - 05.useReducer
1.useReducer说明: useReducer可以同时更新多个状态,当状态更新逻辑比较复杂的时候,就可以考虑使用useReducer了,相比useState,useReducer可以更好的描述如
react - 06.useRef
1.useRef的作用: useRef返回一个可变的ref对象,该对象只有一个current属性,初始值为传入的参数,并且返回的reg对象在组件的整个生命周期内保持不变 useRef可以获取子组件或者
react - 07.forwardRef
1.forwardRef语法: React.forward(render) forwardRef函数接收一个名为render的函数,也可以理解为一个函数组件,返回值是react组件 render函数接
react - 08.useMemo / React.memo
1.React.memo: 1.React.memo的作用: 对组件进行缓存,React由于虚拟dom的关系,当父组件重新调用的时候,子组件就会被重新调用,这样就多出了无意义的性能开销,实际上状态没有
react - 09.useContext / React.createContext
1.useContext的作用: Context是一种对其所包含组件树提供全局共享数据的技术,而useContext是在React Hooks中对Context进行的封装,他可以帮助我们跨越组件层级直
react - 10.useImperativeHandle
1.useImperativeHandle的作用: 通过useRef方法,ref可以拿到子组件的完整实例以及所有的方法,所有的属性,虽然这种方式很方便,但是缺点也很明显,比如这样做会全面暴露组件内部的
react - 11.自定义Hooks
1.自定义Hooks的作用: 自定义hooks最重要的作用是逻辑复用,一切皆函数,自定义hooks其实也是一个普通的函数,只不过在自定义hooks内部,可以使用任何内置的hooks,并且可以返回任意数