摘要: 自定义hook的步骤 自定义hook的步骤 1.引入react和自己需要的hook 2.创建自己的hook函数 3.返回一个数组,数组中第一个内容是数据,第二是修改数据的函数 4.将自己定义的hook暴露出去 5.在自己的业务组件中引入并使用 通过自定义hook 模拟数据接口请求功能 utils > 阅读全文
posted @ 2021-10-04 22:50 前端那点事 阅读(1487) 评论(0) 推荐(0) 编辑
摘要: react中如何使用useReducer? import React,{useReducer} from 'react'; // redux必须的内容 // store reducer /* useReducer使用? 1.创建 数据仓库store 和 管理者reducer 2.通过useReduc 阅读全文
posted @ 2021-10-04 21:22 前端那点事 阅读(961) 评论(0) 推荐(0) 编辑
摘要: react中useContext的使用 import React,{useState,createContext,useContext} from 'react'; /* 1.需要引入createContext,useContext 2.通过createContext来创建句柄 3.Context. 阅读全文
posted @ 2021-10-04 20:41 前端那点事 阅读(1634) 评论(0) 推荐(0) 编辑
摘要: react 中useRef的作用 import React,{useEffect, useState,useRef} from "react" /* 1.保存一个值,在整个生命周期中维持不变 2.重新赋值ref.current不会触发重新渲染 */ export default function U 阅读全文
posted @ 2021-10-04 17:08 前端那点事 阅读(2696) 评论(0) 推荐(0) 编辑
摘要: react中useCallback使用案例 import React,{useState,useCallback,useEffect} from "react" const set = new Set(); export default function UseCallback(){ // 返回一个 阅读全文
posted @ 2021-10-04 16:28 前端那点事 阅读(1222) 评论(0) 推荐(0) 编辑
摘要: react中useMemo使用案例二 import React,{useState,useMemo} from "react" export default function UseMemo(){ // 返回一个数组,第一个值是状态,第二个是改变状态的函数 const [num, setNum] = 阅读全文
posted @ 2021-10-04 15:42 前端那点事 阅读(220) 评论(0) 推荐(0) 编辑
摘要: react中useMemo使用结合案例演示 import React,{useState,useMemo} from 'react' const ChildComp = ({name,children}) =>{ function changeXiaohong(_name){ console.log 阅读全文
posted @ 2021-10-04 10:15 前端那点事 阅读(307) 评论(0) 推荐(0) 编辑
摘要: ts中的多态理解 阅读全文
posted @ 2021-10-04 08:58 前端那点事 阅读(390) 评论(0) 推荐(0) 编辑