
React系列
文章平均质量分 86
以实战为线索,逐步深入React开发各个环节,掌握前端常用性能体验优化思路,打造完整前端工作流,提升工程化编码能力和思维能力。
八了个戒
愿代码之火永不熄灭,技术之光照耀前行!
展开
-
2024 高级前端面试题之 React 「精选篇」
2024 前端面试题之React「精选篇」原创 2024-01-30 12:57:21 · 2348 阅读 · 0 评论 -
关于React抛出异常,Can‘t perform a React state update on an unmounted component.错误的解决方案【已解决】
在进行页面切换时,如果页面中存在异步执行操作 `setState` 或其他操作时,在未执行完成即进行页面切换(此时 react 组件将被销毁),便会抛出此异常信息。Can't perform a React state update on an unmounted component原创 2022-12-22 10:08:52 · 2445 阅读 · 0 评论 -
从零开始搭建一套完整的基于 React 框架的 H5 项目「下载即用、收藏不亏」
最近需要新开一个基于 React 移动端的项目。由于网上完整的 H5 初始化项目比较少,所以在此总结一下如何从 0—1 开发一套基于 React 框架的 H5 初始化项目,下载就可以直接进行开发,欢迎大家点赞收藏。............原创 2022-06-07 10:28:05 · 6433 阅读 · 10 评论 -
【React 进阶】函数组件中 React Hooks 详解与实践
在 16.8 版本之后的 React 发布了新特性 Hooks。 本篇文章主要对该新特性进行了详细讲解,并对一些常用的 Hooks 进行代码演示,希望可以对需要的小伙伴提供一些帮助。原创 2022-05-04 18:07:59 · 1705 阅读 · 0 评论 -
【React 进阶】函数组件 和 类组件 详解区分
时隔一年半之久再次重新学习 React,好多都还是原来的样子,这次我要重新开启 React 的大门,希望各位小伙伴可以一起讨论学习呦~前言今天我们开启第三个专题:React 中函数组件和类组件的区别。一、函数组件 和 类组件1. 函数组件函数组件也称无状态组件,顾名思义就是以函数形态存在的 React 组件。在 hooks 出现之前,react 中的函数组件通常只考虑负责UI的渲染,没有自身的状态,没有业务逻辑代码,是一个纯函数。下面这个函数组件就是一个纯函数,它的输出只由参数props.原创 2022-04-15 10:04:03 · 7634 阅读 · 0 评论 -
【React 进阶】类组件之生命周期钩子详解「基于 React 16.4」
时隔一年半之久再次重新学习 React,好多都还是原来的样子,这次我要重新开启 React 的大门,希望各位小伙伴可以一起讨论学习呦~前言今天我们开启第二个专题:React 中生命周期钩子的使用。我们在学习每个框架的生命周期的时候,都不是去死记硬背他们的顺序和作用,而是应该去结合我们在实际应用开发过程中对这些生命周期的需求,来帮助我们完成一些事情。在新环境下,我们默认都是基于 React 16.4 之后的生命周期进行开发学习,下面的内容也是基于 16.4 版本的生命周期钩子,如果觉得有问题,可.原创 2022-04-12 17:21:58 · 1735 阅读 · 0 评论 -
【React 进阶】props 和 state 的区别详解
时隔一年半之久再次重新学习 React,好多都还是原来的样子,这次我要重新开启 React 的大门,希望各位小伙伴可以一起讨论学习呦~前言今天我们开始第一个专题:React 中 关于 props 和 state。当然我们不是对 props 和 state 基本用法的介绍,而是尝试由浅入深的来解释 props 和 state,并且归纳使用它们时的注意事项。我们在开发应用时,必然是要与数据进行频繁交互的。React 的核心思想是组件化的思想,所有的页面会被切分成一些独立的、可复用的组件。那么数据.原创 2022-02-24 08:30:00 · 8377 阅读 · 0 评论 -
React的decorators装饰器报错@以及后续问题解决
在初次使用React 的装饰器时,第一次在项目中使用 @ 会报错,截图为证查了很多资料终于彻底解决,下面我将列出如何给装饰器打好前战!首先,安装插件"devDependencies": { "@babel/core": "^7.10.5", "@babel/plugin-proposal-decorators": "^7.10.5", "@babel/preset-env": "^7.10.4", "customize-cra": "^1.0.0", .原创 2020-07-24 22:38:56 · 2445 阅读 · 0 评论