React

这是我参与「第五届青训营 」伴学笔记创作活动的第 3 天 React设计思路 | 青训营笔记 我们为什么需要React——设计思路 我们先来看一张图： 当我们用传统技术进行前端开发时，会遇到如下问题：

你的第一个React程序 ⭐第一步：导入依赖 react官方给出的定义——“ 用于构建用户界面的 JavaScript 库 ”，既然是库，那么便和jQuery类似，我们需要引入它的库。 对于我们的第一

React中的虚拟DOM ⭐虚拟DOM的创建 虚拟DOM有两种创建方式，一种是通过jsx，一种是通过js 通过jsx： 通过js： 既然jsx和js都能创建虚拟DOM，那我们为什么不用原生js，反而多

JSX的语法规则 JSX全称为JavaScript XML，是react定义的一种类似于XML的JS扩展语法：JS + XML，其本质就是React.createElement(component,p

创建你的第一个React组件 react中的组件分为函数式组件和类式组件 下面我们来分别进行创建 🌰创建一个函数式组件 我们通过function来定义函数，那么组件也类似，但要注意前面提过，组件中包含

React组件实例的三大属性及事件处理 0. state 0. props 0. refs与事件处理 既然是实例属性，在不用hooks的情况下，只能通过类式组件来使用，所以本章例子都会用类式组件举例

React中的key 这么说有点抽象，我们看一个例子： state中有一个对象数组，里面存放着我们需要展示的人员信息： 我们在render中将其输出到页面： 可以看到我在li标签中写了key，那这里的