useEffect接收两个参数,第一个是处理函数,第二是依赖 第一个参数相当于一旦创建就会执行。 如果第二个参数传入的依赖状态改变也会自动执行 如果第二个参数传入的依赖状态为空就相当于值会走一次 如果不传任何状态改变都会触发第一个处理函数的执行 return 出来的这个函数只有销毁的时候才会执行
import React,{useState,useEffect} from ‘react’;
function Child(props){
let [age,setAge] = useState(1);
useEffect(()=>{
console.log(“组件更新了”);
},[]);
useEffect(()=>{
return ()=>{
console.log(“卸载时触发”)
}
},[]);
useEffect(()=>{
console.log(“监听的东西发生了变化”)
},[age]);
return
{age}
<button onClick={()=>{
setAge(++age)
}}>点击长一岁
}
export default Child
useRef
函数式组件的ref使用与类式组件里的使用相差不大
- 引入
import React,{useRef} from ‘react’;
- 创建
let newInput = useRef();
- 挂载
return
- 执行
useEffect(()=>{
if(oldOrNew === true){
newInput.current.focus();
小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数初中级前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注:前端)
总结
前端资料汇总
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
-
框架原理真的深入某一部分具体的代码和实现方式时,要多注意到细节,不要只能写出一个框架。
-
算法方面很薄弱的,最好多刷一刷,不然影响你的工资和成功率😯
-
在投递简历之前,最好通过各种渠道找到公司内部的人,先提前了解业务,也可以帮助后期优秀 offer 的决策。
-
要勇于说不,对于某些 offer 待遇不满意、业务不喜欢,应该相信自己,不要因为当下没有更好的 offer 而投降,一份工作短则一年长则 N 年,为了幸福生活要慎重选择!!!
喜欢这篇文章文章的小伙伴们点赞+转发支持,你们的支持是我最大的动力!
内部的人,先提前了解业务,也可以帮助后期优秀 offer 的决策。 -
要勇于说不,对于某些 offer 待遇不满意、业务不喜欢,应该相信自己,不要因为当下没有更好的 offer 而投降,一份工作短则一年长则 N 年,为了幸福生活要慎重选择!!!
喜欢这篇文章文章的小伙伴们点赞+转发支持,你们的支持是我最大的动力!