2021年7月23日
摘要: 返回 用于对子组件进行优化,提升性能,类似于Vue中的Computed。在useMemo函数内通过复杂计算获取当前值得时候,不需要在父组件每次更新的时候重新计算,只要在依赖项发生变化的时候计算即可。 useMemo接收两个参数,分别是函数和一个数组(实际上是依赖),函数里return 函数,数组内存 阅读全文
posted @ 2021-07-23 21:04 慕华丶 阅读(162) 评论(0) 推荐(0)
摘要: 返回 useLayoutEffect为useEffect的同步版本,会阻塞页面渲染(在页面渲染前执行) 1 import React, { useState, useEffect, useMemo, useCallback, useContext, useReducer,useRef, 2 useL 阅读全文
posted @ 2021-07-23 21:02 慕华丶 阅读(214) 评论(0) 推荐(0)
摘要: 返回 import React, { useState, useEffect,useMemo,useCallback } from 'react' const mySet = new Set(); function UseCallback(props) { console.log('UseCallb 阅读全文
posted @ 2021-07-23 21:02 慕华丶 阅读(78) 评论(0) 推荐(0)
摘要: 返回 > 格式:`const myRef = useRef(initVal)` `useRef` 创建并返回一个ref 对象,其 `.current` 属性被初始化为传入的参数,组件更新时不会重新创建新的ref对象,而是从缓存中获取(React.createRef()每次会创建新的ref对象) 4. 阅读全文
posted @ 2021-07-23 20:52 慕华丶 阅读(117) 评论(0) 推荐(0)
摘要: 返回 > 格式:`const [state,setState] = useReducer(reducer,initState)`,useState的增强版,修改操作类似于redux ```js const initState = [ { id:1, name: "goods1", price: 98 阅读全文
posted @ 2021-07-23 20:51 慕华丶 阅读(19) 评论(0) 推荐(0)
摘要: 作用:简化context的获取返回 1.useContext可以帮助我们跨越组件层级直接传递变量,实现共享。 需要注意的是useContext和redux的作用是不同的!!! useContext:解决的是组件之间值传递的问题 redux:是应用中统一管理状态的问题 但通过和useReducer的配 阅读全文
posted @ 2021-07-23 20:14 慕华丶 阅读(136) 评论(0) 推荐(0)
摘要: 返回 const [state, setState] = useState(initialState) 实现class组件状态的功能,返回一个state,以及更新state的函数。在初始渲染期间,返回的状态 ( state ) 与传入的第一个参数 ( initialState ) 值相同。 setS 阅读全文
posted @ 2021-07-23 19:26 慕华丶 阅读(25) 评论(0) 推荐(0)
摘要: 返回 import React, { useState, useEffect } from 'react' import request from '../../utils/request' function UseEffect() { console.log('UseEffect.start') 阅读全文
posted @ 2021-07-23 18:12 慕华丶 阅读(72) 评论(0) 推荐(0)
摘要: useState useEffect useMemo useCallback useContext useReducer useRef useLayoutEffect Hook API文档 阅读全文
posted @ 2021-07-23 17:58 慕华丶 阅读(55) 评论(0) 推荐(0)