react
文章平均质量分 50
前端一枚
点关注 不迷路
展开
-
如何在 React 中优雅的使用 addEventListener
如何在 React 中优雅的使用 addEventListener转载 2023-11-22 18:39:52 · 461 阅读 · 0 评论 -
React 简析useEffect return执行时机
当执行 n + 1 之后,先执行 console.log("B挂了"),再执行执行 console.log("B"), 再执行 console.log("App挂了"), 最后执行console.log("App"), 程序结束。当组件 App内,使用 useState 创建的变量,发生变化时,会造成重新render,也就导致原组件(包含子组件)的销毁,以及新组件(包含子组件)的诞生。当执行 m + 1 之后,先执行console.log("B挂了"),再执行console.log("B"), 程序结束。原创 2023-11-22 18:05:47 · 1591 阅读 · 0 评论 -
react中useEffect使用技巧
集合了组件中的 componentDidMount,componentDidUpdate以及componentWillUnmount到一个方法中,杜绝了频繁定义的繁琐。相当于vue中的mounted、beforeUpdate、beforeDestroy。使用事例useEffect(()=>{},[depts])1.如果传递一个空数组 [ ] ,告诉 useEffect 不依赖于 state、props中的任意值, useEffect 就 只会运行一次 ,相当于componentDidM原创 2022-05-28 17:23:28 · 800 阅读 · 0 评论 -
vscode里面超好用的react代码编辑插件(附完整的安装使用)
(1)打开vscode,搜索Simple React Snippets(2)安装完成后使用快捷键测试:imr Import React imrc Import React / Component imrd Import ReactDOM imrs Import React / useState imrse Import React / useState useEffect impt Import PropTypes impc ..原创 2021-12-26 16:47:24 · 7071 阅读 · 0 评论 -
React脚手架搭建及创建React项目
1.安装node.js和npm: 可自行到node官网下载,下载node完成后,npm也会自行下载完成。2.通过cmd执行 node -v 和 npm -v 查看是否下载成功和下载成功后的版本号。3.安装好的npm的源默认是国外的源,会因为网络原因导致执行npm操作有延时,我们可以切换npm的源为淘宝的源镜像。操作方法: 安装淘宝镜像或者使用cnpm详解4.安装react脚手架,cmd执行 npm i -g create-react-app (-g为全局下载)5.安装好...原创 2021-11-27 18:58:27 · 789 阅读 · 0 评论