随笔分类 - React学习
摘要：一、装饰器 1、什么是装饰器 可以先看之前一篇博客：ES6里的修饰器Decorator。Decorator 是 ES7 的一个新语法，他可以对一些对象进行装饰包装，然后返回一个被包装过的对象。可以装饰的对象包括：类、属性、方法等。 打个比方：你出去玩，出门前戴上一顶帽子，这个帽子就是装饰器，你自己就
阅读全文
摘要：UmiJS官方文档：https://umijs.org/zh-CN 一、什么是Umi.js umi，中文可发音为乌米，是一个可插拔的企业级 react 应用框架。你可以将它简单的理解为一个专注性能的类 next.js 前端框架，并通过约定、自动生成和解析代码等方式来辅助开发，减少我们开发者的代码量。
阅读全文
摘要：熟悉 react 的朋友都知道，在 react 中有个核心的算法，叫 diff 算法。web 界面由 dom 树组成，不同的 dom 树会渲染出不同的界面。react 使用 virtual dom 来表示 dom 树，而 diff 算法就是用于比较 virtual dom 树的区别，并更新界面需要更
阅读全文
摘要：一、定义class组件，为什么需要加上 super() ？ 我们尝试去掉 super() 看看编译的结果： constructor() { this.state = {searchStr: ''}; this.handleChange = this.handleChange.bind(this);
阅读全文
摘要：一、Vite创建React项目 Vite 本身就是一个构建工具，开发环境下不打包，生成环境使用 Rollup 进行打包。那么如何利用 Vite 创建一个 React 的项目呢？ 执行命令 npm init vite@latest，根据提示，选择 react 即可。因此，整体上其实与官方的脚手架搭建项
阅读全文
摘要：大家需要明确的是，生命周期函数与 useEffect 是不同的。 一、概念 useEffect 可以让使用者在函数组件中执行副作用操作。那什么是副作用操作呢? 在 React 中，由 state 的变化导致 UI 发生变化的过程是正常操作，其他操作行为：例如数据请求、直接手动修改 DOM 节点、直接
阅读全文
摘要：一、classnames库的使用 React 原生动态添加多个className会报错： import style from './style.css' <div className={style.class1 style.class2}</div> 想要得到最终渲染的效果是： <div class
阅读全文
