react jsx

ops/2024/9/25 0:51:43/

语法介绍:

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文件分开来。


http://www.ppmy.cn/ops/115539.html

相关文章

数据结构~二叉搜索树

文章目录 一、二叉树搜索的概念二、二叉树搜索的结构二叉树搜索的性能分析二叉树搜索的插入二叉树搜索的查找二叉树搜索的删除 三、二叉搜索树key和key/value使用场景四、二叉树搜索的练习将二叉搜索树就地转化为已排序的双向循环链表从前序与中序遍历序列构造二叉树二叉树的前…

MODELS 2024震撼续章:科技与可持续性的未来交响曲

MODELS 2024国际会议正如火如荼地进行着,每一天都充满了新的发现与启迪,每一场分享都是对技术前沿的一次深刻探索,更是对现实世界可持续性挑战的一次积极回应。现在让我们继续这场科技盛宴,看看小编为您精选几场的学术分享吧~ 会议…

10KV并网分布式光伏电力监控解决方案

一、分布式光伏并网要求 Q/GDW1480-2015 《分布式电源接入电网技术规定》:分布式电源并网电压等级可根据各并网点装机容量进行初步选择,推荐如下: 8kW 及以下可接入220V; 8kW~400kW可接入380V; 400kW~6MW可接入10k…

考研数据结构——C语言实现小顶堆

数组初始化: 首先,我们有一个整数数组arr,里面包含了一系列需要排序的数字。数组的长度n是通过对数组arr的总字节大小除以单个元素的字节大小得到的。 小顶堆调整函数: adjustHeapMin函数的作用是将数组中的元素从某个节点向下调整…

Allegro视频去除走线的小方块

走线出现小方块图如下: 其实这种情况并不影响PCB生产和布线的联通性,只是多少会影响美观和性能,在Allegro视频中去除的方法比较简单,是由模块复用以后,没有打散模块引起的。只要我们将模块的打散即可。具体操作如下:…

[Linux]自定义shell详解

自定义shell 前言1.命令行提示符,字符串的打印1.1命令行提示符2.命令行字符串 2.0对命令行字符串进行切割2.执行命令3.有趣的小问题完整代码 前言 写之前我们先看看一个完整的shell都包括了什么 $符号前面(包括这个符号)就是命令行提示符&a…

C#设计模式之访问者模式

总目录 前言 在软件构建过程中,由于需求的改变,某些类层次结构中常常需要增加新的行为,如果直接在基类中做这样的更改,将会给子类带来很繁重的变更负担,甚至破坏原有设计。如何在不更改类层次结构的前提下&#xff0c…

数据库1-1、1-n 、n-n关系实际场景

数据库1-1、1-n 、n-n关系实际场景 每种关系类型的 3 个不同场景案例: 1 对 1 关系(One-to-One) 用户与个人资料: 场景:每个用户有唯一的个人资料,每个个人资料只对应一个用户。例子:User 和…