当前位置: 首页 > news >正文

react 快速入门思维导图

在掌握了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保存变量。

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 【2024最新华为OD-C/D卷试题汇总】[支持在线评测] 二进制游戏(200分)- 三语言AC题解(Python/Java/Cpp)
  • SqlServer: LAG等开窗函数应用
  • 网络编程-TCP/IP
  • H3CNE(计算机网络的概述)
  • K12智慧校园智能化解决方案
  • 数据库第二次作业
  • 下载最新版Anaconda、安装、更换源、配置虚拟环境并在vscode中使用
  • MATLAB图像处理分析基础(一)
  • Nuxt 使用指南:掌握 useNuxtApp 和运行时上下文
  • SpringMVC源码深度解析(中)
  • 计算机视觉篇5 图像的位置--边框
  • 面经学习(厦门安全狗实习)
  • level 6 day2-3 网络基础2---TCP编程
  • OpenGL-ES 学习(7) ---- VBO EBO 和 VAO
  • 【人工智能】AI音乐创作兴起与AI伦理的新视角
  • 《剑指offer》分解让复杂问题更简单
  • Angular 响应式表单之下拉框
  • Angularjs之国际化
  • iOS仿今日头条、壁纸应用、筛选分类、三方微博、颜色填充等源码
  • JavaScript的使用你知道几种?(上)
  • JavaScript设计模式与开发实践系列之策略模式
  • php中curl和soap方式请求服务超时问题
  • 读懂package.json -- 依赖管理
  • 技术发展面试
  • 开发基于以太坊智能合约的DApp
  • 可能是历史上最全的CC0版权可以免费商用的图片网站
  • 力扣(LeetCode)22
  • 聊一聊前端的监控
  • 如何用Ubuntu和Xen来设置Kubernetes?
  • 十年未变!安全,谁之责?(下)
  • 算法-插入排序
  • 新手搭建网站的主要流程
  • ​Benvista PhotoZoom Pro 9.0.4新功能介绍
  • !!java web学习笔记(一到五)
  • $Django python中使用redis, django中使用(封装了),redis开启事务(管道)
  • (3)选择元素——(14)接触DOM元素(Accessing DOM elements)
  • (Git) gitignore基础使用
  • (Java企业 / 公司项目)点赞业务系统设计-批量查询点赞状态(二)
  • (ZT) 理解系统底层的概念是多么重要(by趋势科技邹飞)
  • (ZT)一个美国文科博士的YardLife
  • (动手学习深度学习)第13章 计算机视觉---微调
  • (附源码)springboot学生选课系统 毕业设计 612555
  • (附源码)ssm旅游企业财务管理系统 毕业设计 102100
  • (十八)devops持续集成开发——使用docker安装部署jenkins流水线服务
  • (学习总结16)C++模版2
  • (一)kafka实战——kafka源码编译启动
  • **PHP二维数组遍历时同时赋值
  • . ./ bash dash source 这五种执行shell脚本方式 区别
  • .NET 4.0中的泛型协变和反变
  • .NET Core 通过 Ef Core 操作 Mysql
  • .net 受管制代码
  • .NET 中使用 TaskCompletionSource 作为线程同步互斥或异步操作的事件
  • .NET/C# 利用 Walterlv.WeakEvents 高性能地定义和使用弱事件
  • @cacheable 是否缓存成功_Spring Cache缓存注解
  • [ vulhub漏洞复现篇 ] Celery <4.0 Redis未授权访问+Pickle反序列化利用