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

相关推荐
镜宇秋霖丶12 小时前
2026.5.10@霖宇博客制作中遇见的问题
前端·vue.js·elementui
ai超级个体13 小时前
前端唯一的护城河?结合 AI 将字节组件库 Headless 化后的感想~
前端·react·ai编程·ant design·组件库·vibe coding
冴羽yayujs13 小时前
前端周报:Remix 3、Node 26 与 Chrome 148
前端
问心无愧051313 小时前
ctf show web 入门39
android·前端·笔记
卷无止境13 小时前
Alpine.js入门笔记
前端
@王先生113 小时前
【K8S-ETCD初始化三节点集群】
前端·chrome·k8s·etcd·集群
LinDaiDai_霖呆呆13 小时前
做 Agent 开发入门必懂的 10 个 Agent 核心概念
前端·agent·ai编程
原则猫13 小时前
await 到底在等待什么
前端
西洼工作室14 小时前
fetch+ReadableStream实现SSE推送实时踢人下线
前端·python·全栈
农夫山泉不太甜14 小时前
Nuxt 4 完全指南:从入门到精通
前端