react 快速入门思维导图

server/2024/10/22 16:46:39/

在掌握了react中一下的几个步骤和语法,基本上就可以熟练的使用react了。

1、组件的使用。react创建组件主要是类组件和函数式组件,类组件有生命周期,而函数式组件没有。

2、jsx语法。react主要使用jsx语法,需要使用babel和webpack进行转义成js文件,其中jsx语法就是将js和html混合在一起,就像以前常用的html中写php。

3、添加样式。react比较少用class,而是使用className来写类名,其中css文件和js文件分开,而不是和vue中放在一个页面中。

4、显示数据。vue使用的{{}}语法,而react使用的是{} 语法,在{}中直接按照js的语法使用。

5、遍历。vue常用v-for,而react使用的js自带的map进行遍历循环。

6、数据响应。类组件中主要使用的构造函数,并初始化this.state;而函数式组件中,useState保存变量。


http://www.ppmy.cn/server/65242.html

相关文章

鸿蒙笔记--动画

这一节主要了解一下鸿蒙的动画,动画的引入主要是为了提升用户体验、增加用户反馈和互动感、引导用户操作以及缓解等待带来的不适感。 属性动画: Index.ets Entry Component struct Index {StatewidthSize: number 100StateheightSize: number 40build() {Column…

JVM--双亲委派模型

1.双亲委派模型 定义: 站在Java虚拟机的角度来看,只存在两种不同的类加载器:一种是启动类加载器(Bootstrap ClassLoader),这个类加载器使用C语言实现,是虚拟机自身的一部分;另外一种…

Harmony 状态管理 @Local 和 @Param

Harmony 状态管理 Local 和 Param Local 背景 Local 是harmony应用开发中的v2版本中 对标**State**的状态管理修饰器,它解决了 State 对状态变量更改的检测混乱的问题: State 修饰的状态变量 可以是组件内部自己定义的State 修饰的状态 也可以由外部父…

JDK新特性(Lambda表达式,Stream流)

Lambda表达式: Lambda 表达式背后的思想是函数式编程(Functional Programming)思想。在传统的面向对象编程中,程序主要由对象和对象之间的交互(方法调用)构成;而在函数式编程中,重点…

河南萌新联赛2024第(一)场:河南农业大学 A D F G H I K

A 造数 题目描述: 给定一个整数 𝑛 ,你可以进行以下三种操作 操作1: 1 操作2; 2 操作3: 2 问最少需要多少次操作可以将 0 转为为 𝑛 。 解题思路 操作1,2,3。操作 3 …

C++入门基础

目录 一、命名空间 1.命名空间的作用 2.命名空间的定义 3.命名空间的使用 二、输入输出 1.输出运算符<< 2.输入运算符>> 三、缺省参数 四、函数重载 五、引用 1.引用简介 2.引用的注意事项 3.const引用 4.引用与指针的关系 六、inline 一、命名空间 …

自动化测试、压力测试、持续集成

因为项目的原因&#xff0c;前段时间研究并使用了 SoapUI 测试工具进行自测开发的 api。下面将研究的成果展示给大家&#xff0c;希望对需要的人有所帮助。 SoapUI 是什么&#xff1f; SoapUI 是一个开源测试工具&#xff0c;通过 soap/http 来检查、调用、实现 Web Service 的…

linux集群架构--web服务器--nginx检查模块/算法/rewrite知识补充

web集群-负载均衡 轮询算法 &#xff08;1&#xff09;概述 决定负载均衡如何把请求分发给后端节点&#xff0c;这种分发的方式就是轮询算法 &#xff08;2&#xff09;轮询算法 面试题&#xff1a;说说常见nginx轮询算法 rr,wrr,ip_hash,lc算法&#xff08;最小连接数&…