raect学习笔记
在学习react的过程中的记录,对一些重点进行总结
奋斗中的小余
一个正在奋斗的大学生。喜欢自学,学习时间大部分都花在b站上。正在往两个方向发展:1.web全栈开发 2.影视动画后期。平时也研究摄影摄像。现在正在不断学习的过程中。非常愿意和一些志同道合的朋友交流。
展开
-
raect新版函数式组件Hook的使用
raect新版函数式组件Hook的使用1. React Hook/Hooks是什么?(1). Hook是React 16.8.0版本增加的新特性/新语法(2). 可以让你在函数式组件中使用 state、生命周期钩子以及其他的 React 特性2. 三个常用的Hook(1). State Hook: React.useState()(2). Effect Hook: React.useEffect()(3). Ref Hook: React.useRef()3. State Hook(1原创 2021-07-05 13:56:55 · 222 阅读 · 0 评论 -
setState更新状态的2种写法
setState更新状态的2种写法 (1). setState(stateChange, [callback])------对象式的setState 1.stateChange为状态改变对象(该对象可以体现出状态的更改) 2.callback是可选的回调函数, 它在状态更新完毕、界面也更新后(render调用后)才被调用 (2). setState(updater, [callback])------函数式的setState原创 2021-07-05 13:23:16 · 192 阅读 · 0 评论 -
react中使用lazy函数进行路由懒加载
react中使用lazy函数进行路由懒加载import React, { Component,lazy,Suspense} from 'react' //1.通过React的lazy函数配合import()函数动态加载路由组件 ===> 路由组件代码会被分开打包const Login = lazy(() => import('@/pages/Login')) //2.通过<Suspense>指定在加载得到路由打包文件前显示一个自定义loading界面<Suspen原创 2021-07-05 13:14:00 · 520 阅读 · 0 评论