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

相关推荐
哈哈你是真的厉害8 分钟前
React Native 鸿蒙跨平台开发:Badge 徽标
react native·react.js·harmonyos
沛沛老爹11 分钟前
Web转AI决策篇 Agent Skills vs MCP:选型决策矩阵与评估标准
java·前端·人工智能·架构·rag·web转型
字节架构前端21 分钟前
媒体采集标准草案 与 Chromium 音频采集实现简介
前端·chrome·音视频开发
奋斗的小青年!!23 分钟前
Flutter在OpenHarmony上实现渐变文字动画的深度优化实践
前端·flutter·harmonyos·鸿蒙
梦65026 分钟前
Vue3 计算属性 (computed) 与监听属性 (watch)
前端·javascript·vue.js
六月June June41 分钟前
leaflet L.popup().setContent中挂载vue组件
前端·javascript·vue.js
首席拯救HMI官43 分钟前
【拯救HMI】HMI容错设计:如何减少操作失误并快速纠错?
大数据·运维·前端·javascript·网络·学习
m0_748254661 小时前
Vue.js 模板语法基础
前端·vue.js·flutter
PBitW1 小时前
和AI浅聊了一下SEO —— 真神Astro
前端·seo
胆大如牛白展堂1 小时前
自动刷新token登录
前端·设计模式