随笔分类 - React
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>props的函数组件实现</title> <script src="https://unpkg.com/react@18/umd/react.development.js"></s
阅读全文
摘要：1.类外写法 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>props类型限制</title> <script src="https://unpkg.com/react@18/umd/react.development.js"
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>props的基本使用</title> <script src="https://unpkg.com/react@18/umd/react.development.js"></scr
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>state的简写形式</title> <script src="https://unpkg.com/react@18/umd/react.development.js"></scr
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>setState</title> <script src="https://unpkg.com/react@18/umd/react.development.js"></scrip
阅读全文
摘要：一、state是什么 从字面上来书state就是状态，在React中，state驱动页面的展示，它负责存放数据。 二、state的使用 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>初始化state</title> <scri
阅读全文
摘要：1.函数式组件 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>函数式组件</title> <script src="https://unpkg.com/react@18/umd/react.development.js"></
阅读全文
摘要：1.jsx语法 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>jsx语法</title> <script src="https://unpkg.com/react@18/umd/react.development.js"></
阅读全文
摘要：1.使用js创建虚拟DOM（不推荐使用） <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>js创建虚拟DOM</title> <script src="https://unpkg.com/react@18/umd/react.d
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>helloReact</title> <script src="https://unpkg.com/react@18/umd/react.development.js"></scr
阅读全文
摘要：一、什么是JSX JSX是一种将HTML和JavaScript结合的语法扩展，它允许在JavaScript代码中直接编写HTML标记。 上一节在学习元素渲染的时候就已经使用过JSX语法来进行元素的定义： const element = <h1>Hello React</h1>; 如上述语句所示，既不
阅读全文
摘要：一、React的元素 1.React中元素是什么？ 我的理解是元素是组成React应用的一个个的组成部分，是React中的基本单位，是一个用来描述DOM节点或React组件的普通JavaScript对象。 2.React中元素的特点 元素是不可变的，一旦创建就不能对它的属性或者内容进行修改 3.Re
阅读全文
