React

React Router 6 快速上手 1.概述 React Router 以三个不同的包发布到 npm 上，它们分别为： react-router: 路由的核心库，提供了很多的：组件、钩子。 rea

React是一种用于构建用户界面的JavaScript库，它的组件化和声明式编程模型使得开发者能够更高效地构建复杂的应用程序。在React中，组件的生命周期函数起着至关重要的作用，它们在组件的不同阶段

搭建开发环境 官方文档：https://reactnative.cn/docs/getting-started.html 安装Node、homebrew、Watchman 安装 homebrew： 安

本次做后台管理系统，采用的是 AntD 框架。涉及到图片的上传，用的是AntD的 upload 组件。 我在上一篇文章《前端AntD框架的upload组件上传图片时遇到的一些坑》中讲到：AntD 的

前言 本次做后台管理系统，采用的是 AntD 框架。涉及到图片的上传，用的是AntD的 upload 组件。 前端做文件上传这个功能，是很有技术难度的。既然框架给我们提供好了，那就直接用呗。结果用的时

andt 的介绍 Ant Design 是基于 React 实现，开发和服务于企业级后台产品。 支持环境 现代浏览器和 IE9 及以上（需要 polyfills）。 支持服务端渲染。 Electron

JSX介绍 JSX的引入 如果直接让用户通过 JS 代码手动创建DOM元素，肯定是非常麻烦的。 于是，React 官方就提出了一套 JSX 语法规范，能够让我们在 JS 文件中，书写类似于 HTML

React路由的使用 使用React路由之前，我们需要先安装 react-router-dom这个包。比如： 代码举例： （1）index.html （2）main.js： （3）app.jsx: （

单项数据绑定 在 Vue 中，可以通过 v-model 指令来实现双向数据绑定。但是，在 React 中并没有指令的概念，而且 React 默认不支持 双向数据绑定。 React 只支持，把数据从 s

前言 我们先来看下面这段代码： components/MyComponent.jsx 上面的代码中，点击按钮，执行 changeMsg() 方法，尝试修改 this.state.msg 的值。但是，这

defaultProps 和 prop-types 使用 defaultProps 设置组件的默认值 React 中，使用静态的 defaultProps 属性，来设置组件的默认属性值。 格式举例：

组件的生命周期 在组件创建、到加载到页面上运行、以及组件被销毁的过程中，总是伴随着各种各样的事件，这些在组件特定时期，触发的事件统称为组件的生命周期。 生命周期的阶段 组件生命周期分为三个阶段，下面分

虚拟DOM和diff算法 虚拟DOM 问题描述： 假设我们的数据发生一点点的变化，也会被强制重建整颗DOM树，这么做，会涉及到很多元素的重绘和重排，导致性能浪费严重。 解决上述问题的思路： 实现按需更

1. setState setState更新状态的2种写法 2. lazyLoad 路由组件的lazyLoad 3. Hooks 1. React Hook/Hooks是什么? 2. 三个常用的Hoo

React全家桶(技术栈) 第1章：React入门 1.1. React简介 1.1.1. 官网 1.      英文官网: https://reactjs.org/ 2.      中文官网: ht