![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react基础学习
文章平均质量分 68
小刘加油!
我真傻,真的,我单知道后端整天都是CRUD,怎么就忘了前端整天都是Form表单!
展开
-
Jenkins 构建前端代码失败,报错:The package “esbuild-linux-64“ could not be found, and is needed byesbuild
前段时间,使用公司的 Jenkins 构建测试环境时,突然构建失败,查看了构建日志,显示没有找到这个包。但奇怪的是,代码在本地运行没问题,甚至使用yarn build命令 进行本地打包也正常,只是构建环境失败。如下如所示:这个报错出现的就很莫名其妙,上午的时候,代码还在正常构建,下午就突然不行了,而且这个包貌似这段时间也没下载过,也没有关注过。但没办法,测试环境还是要构建的,项目需要上线,必须经过构建,毕竟是打工人嘛,只能想办法解决。于是在网上冲浪寻找答案。网上的两种方法,无非是删除目录,重新。原创 2023-01-30 15:35:55 · 3574 阅读 · 2 评论 -
react-router-dom 降低版本的两种方法
react-router-dom 如今已经升级到了V6版本,相比较V5版本,变化还是挺大的。如今使用命令来下载,会自动下载V6版本,V6版本会在接下来的一段时间内成为主流。不过对于用习惯了V5版本的开发者而言,自然是有些不习惯。本篇文章就记录下如何降低为v5版本的两种方法。原创 2022-12-23 21:03:56 · 1303 阅读 · 1 评论 -
vite + react +typescript 环境搭建,小白入门级教程
使用vite创建项目,node 版本需要大于12.0.0,可以使用node -v查看自己当前的node版本。原创 2022-12-23 20:44:44 · 1958 阅读 · 1 评论 -
select组件切换tags时,联动的select组件内容清空
记录在项目开发中遇到问题的解决方案,方便以后遇到快速解决!在该react hooks 页面中,图纸计划附件表格是一个子组件。其中 【单体】和【专业】两个下拉select选择框,数据来源依赖于【厂区】。后端给的接口,必须要先选择【厂区】,才能获取到【单体】数据;选择【单体】后,才能获取【专业】数据。提测后,测试提了一个bug:**数据进行修改,页面渲染数据完成后,切换不同单体,专业数据应清空原创 2022-12-09 10:57:10 · 701 阅读 · 0 评论 -
vue-cli、create-react-app等常用工具安装、更新、查看版本等操作命令汇总
vue-cli、create-react-app等常用工具安装、更新、查看版本等操作命令汇总原创 2022-11-30 23:23:24 · 1024 阅读 · 0 评论 -
React 中ref 的使用(类组件和函数组件)以及forwardRef 与 useImperativeHandle 详解
在一个父组件中,我们想要获取到其中的节点元素或者子组件实例,从而直接调用其上面的方法。Class 类组件和函数组件是两种不同的写法。父组件使用useRef创建一个 ref 对象,将这个 ref 对象赋给子组件的 ref 属性。子组件使用forwardRef包裹自己,允许作为函数组件的自己使用 ref。然后使用钩子函数,在该钩子函数的第二个函数参数中返回一些状态或方法,这个被返回的状态或方法就可以被父组件访问到。父组件使用创建的 ref 对象的current属性获取子组件暴露出的状态或方法。原创 2022-11-30 14:56:16 · 6093 阅读 · 0 评论 -
React hooks中 useState踩坑-=--异步问题
useState作为最常见的一个hook,在使用中总是会出现各种坑,最明显的就是useState更新异步的问题。比如我们把接口返回的数据,使用useState储存起来,但是当后面去改变这个数据的时候,每次拿到的都是上次的数据,无法实时更新。或者我们在函数内部使用 setState ,然后立即打印 state,打印的结果还是第一次的state 的值。比如下面的代码实例。原创 2022-11-20 22:20:39 · 6717 阅读 · 0 评论 -
React-hooks【四】父组件通过ref获取子组件实例
我们知道,对于子组件或者节点,如果是class类,存在实例,可以通过 React.createRef() 挂载到节点或者组件上,然后通过 this 获取到该节点或组件。但是在子组件是函数组件的时候,因为函数组件没有实例,所以在正常情况下, ref 是不能挂载函数组件上的。那么此时,我们通过和forwardRef配合就能达到效果。.........原创 2022-08-16 17:52:46 · 4344 阅读 · 0 评论 -
react基础学习(005-react脚手架)
使用create-react-app创建react应用1. react脚手架2. 创建项目并启动3. 脚手架文件介绍1. react脚手架 1. xxx脚手架:用来帮助程序员快速创建一个基于xxx库的模板项目 1. 包含了所有需要的配置(语法检查、jsx编译、devServer...)&nb原创 2022-03-26 11:53:37 · 1090 阅读 · 0 评论 -
react基础学习(004-组件生命周期)
React组件生命周期理解旧生命周期1. 组件挂载时的执行过程:2. 组件更新时的执行过程:1. setState() 更新state(正常更新)2. 调用forceUpdate()时(强制更新)3. 父组件render(父组件渲染)3. 生命周期阶段1. 初始化阶段2. 更新阶段3. 卸载组件新生命周期理解组件对象从创建到死亡,它会经历特定阶段react组件对象包含一系列钩子函数(生命周期回调函数),在特定的时刻调用我们在定义组件时,在特定的生命周期回调函数中做特定的事情旧生命周期com原创 2022-03-23 11:13:47 · 1240 阅读 · 0 评论 -
react基础学习(003-组件实例的三大核心属性)
组件实例三大核心属性1. state 1. 理解 2. 注意2. props 1. 理解 2. 作用refs1. state 1. 理解state 是组件对象最重要的属性,值是对象(可以包含多个 key-value 的组合)组件被称为“状态机”,通过更新组件的 state 来更新对应的页面显示(重新渲染组件) 2. 注意组件中 render 方法中的 this 为组件实例对象组件自定义的方法中 this 为 un原创 2022-01-26 11:48:11 · 575 阅读 · 0 评论 -
react基础学习(002-react面向组件编程)
面向组件编程1. 创建函数式组件2. 创建类式组件1. 创建函数式组件// 1. 创建函数式组件function MyComponent () { console.log(this) // 此处的this是undefined,因为babel编译后开启了严格模式 return <h2>我是用函数定义的组件</h2>// 2. 渲染组件到页面ReactDom.render(<MyComponent/>, document.getElementById('tes原创 2022-01-21 17:23:02 · 322 阅读 · 0 评论 -
react基础学习(001-react入门)
react基础介绍1. React是什么2. 为什么要学React3. React的特点3.1 React高效的原因4. 相关JS库5. 关于虚拟DOM 与 真实DOM6. JSX1. React是什么react是一个将数据渲染为HTML视图的开源JavaScript库2. 为什么要学React原生JavaScript操作DOM繁琐、效率低(DOM-API操作UI )。使用JavaScript直接操作DOM,浏览器会进行大量的重绘重排。原生JavaScript没有组件化编码方案,代码复用率低。原创 2022-01-21 10:26:26 · 704 阅读 · 0 评论