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

react jsx

语法介绍:

react开发中常用的jsx语法,简单来说就是在javascript+xml = jsx。


如何使用

react中常用jsx语法,其中的主要注意两点,一个是绑定数据,一个是class的展示。

class与平常的写法不同,需要使用className="xxx"语法来使用;

而显示数据,需要使用{}进行使用。大括号里面可以按照正常的js语法来写。

和vue的语法还是有点不同,vue的显示数据是使用{{}}(双括号)展示。


收获总结:

react的语法和vue的语法还是有很多的不一样。将react和以前的php相比较起来,react就是js+html;而php是php+html+js,三者混合。

react和vue的语法对比,两者语法结构相识,vue很多的算法都是在react的基础上发展起来的。只是vue中可以将html、css、js写在一个页面;而react需要将js和css文件分开来。

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • Java基础(中)
  • 进阶版水仙花数水是指一个n位数,各个位数字的n次方之和等于该数字本身
  • 《华为三台交换机堆叠的详细命令行配置示例》
  • flink自定义process,使用状态求历史总和(scala)
  • OpenSSH从7.4升级到9.8的过程 亲测--图文详解
  • 安卓13设置动态显示隐藏第一页的某一项 动态显示隐藏无障碍 android13设置动态显示隐藏第一页的某一项
  • 4款音频转文字在线转换工具帮你解锁新的记录模式。
  • RabbitMQ 高级特性——发送方确认
  • 力扣239 滑动窗口最大值 Java版本
  • C++ 新特性
  • Ceph官方文档_02_Ceph初学者指南
  • 基于php的小说阅读系统
  • docker安装及使用
  • CS61B学习 part1
  • Python Web 中间件开发与优化指南
  • [译] 怎样写一个基础的编译器
  • 《网管员必读——网络组建》(第2版)电子课件下载
  • Javascripit类型转换比较那点事儿,双等号(==)
  • Javascript Math对象和Date对象常用方法详解
  • JS题目及答案整理
  • rabbitmq延迟消息示例
  • 爬虫模拟登陆 SegmentFault
  • 实战|智能家居行业移动应用性能分析
  • 吐槽Javascript系列二:数组中的splice和slice方法
  • Semaphore
  • 我们雇佣了一只大猴子...
  • ###STL(标准模板库)
  • #绘制圆心_R语言——绘制一个诚意满满的圆 祝你2021圆圆满满
  • $.ajax()方法详解
  • (2)STM32单片机上位机
  • (C#)if (this == null)?你在逗我,this 怎么可能为 null!用 IL 编译和反编译看穿一切
  • (C++)栈的链式存储结构(出栈、入栈、判空、遍历、销毁)(数据结构与算法)
  • (C语言)求出1,2,5三个数不同个数组合为100的组合个数
  • (TipsTricks)用客户端模板精简JavaScript代码
  • (附源码)php新闻发布平台 毕业设计 141646
  • (计算机网络)物理层
  • (入门自用)--C++--抽象类--多态原理--虚表--1020
  • (三) diretfbrc详解
  • (三)elasticsearch 源码之启动流程分析
  • (转)创业的注意事项
  • ./indexer: error while loading shared libraries: libmysqlclient.so.18: cannot open shared object fil
  • .\OBJ\test1.axf: Error: L6230W: Ignoring --entry command. Cannot find argumen 'Reset_Handler'
  • .net 4.0 A potentially dangerous Request.Form value was detected from the client 的解决方案
  • .NET CF命令行调试器MDbg入门(二) 设备模拟器
  • .NET CF命令行调试器MDbg入门(一)
  • .Net中的设计模式——Factory Method模式
  • .Net转Java自学之路—基础巩固篇十三(集合)
  • @ 代码随想录算法训练营第8周(C语言)|Day57(动态规划)
  • @Resource和@Autowired的区别
  • [C#]winform利用seetaface6实现C#人脸检测活体检测口罩检测年龄预测性别判断眼睛状态检测
  • [C#C++]类CLASS
  • [c#基础]DataTable的Select方法
  • [C/C++]_[初级]_[关于编译时出现有符号-无符号不匹配的警告-sizeof使用注意事项]
  • [C++]18:set和map的使用
  • [C++]AVL树怎么转