react
文章平均质量分 63
react的一些知识点,以及遇到的问题记录
小郭快跑呀!
不会写bug的程序猿不是优秀的程序猿
展开
-
react hooks用法
解决函数组件没有生命周期和状态state的问题,常用的副作用钩子如下: useState() userContext() userReducer() useEffect() 一、userState():状态钩子 纯函数组件没有状态,useState()用于为函数组件引入状态.存放函数的一些初始数据。 const [isShow,setIsShow] = useState(false) 注:在useState()中,它接受状态的初始值(这里是false,可以设置任意值)作为参数,其中数组第.原创 2022-04-11 14:55:22 · 674 阅读 · 0 评论 -
require.context()的用法
一般用于加载某个目录下的多个文件,如: var request = require.context('./module', true, /\.js$/) 1、require.context()接收三个参数,第一个参数是要加载的文件目录地址,第二个参数是true或false,表示是否需要加载子目录,第三个参数是个正则表达式,表示要加载哪些文件,上面代码表示要加载module目录下的.js文件。 2、该函数有三个属性:resolve,keys,id,通过打印request.resolve,reques原创 2022-04-07 15:17:01 · 1495 阅读 · 4 评论 -
react中Suspense,EventEmitter的使用
示例代码如下: import React,{ Suspense } from "react"; const LazyComponent = React.lazy(() => import('./LazyComponent')); function MyComponent() { return ( <div className='box'> <Suspense fallback={<div>加载中...</div>}>原创 2022-04-07 13:49:30 · 1456 阅读 · 0 评论