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

相关推荐
linux_cfan6 小时前
videojs v10 源代码系列解读:10 · `DestroyMixin`:双重 rAF 延迟销毁
前端·javascript·音视频
计算机魔术师6 小时前
英伟达是人工智能领域的"中央银行"
前端
我的div丢了肿么办6 小时前
顶部区域固定,左侧区域滚动,右侧区域滚动,彼此独立
前端·css
雪芽蓝域zzs6 小时前
第四十六节:顶部【驾驶舱】独立大屏页面实现
前端·javascript·vue.js
IMPYLH6 小时前
HTML 的 <select> 元素
前端·html
爱丶不疚6 小时前
Electron:Module 与 Service 的职责边界与加载时序编排
前端·electron·nestjs
三十而立洋6 小时前
深入浅出 Nginx:从核心原理到实战指南
前端·前端工程化
giszhc6 小时前
腾讯地图瓦片接入方案:一个 Bun 代理,让 Mapbox / Leaflet / OpenLayers 通用
前端·后端
摸鱼仙人~6 小时前
Vue 应用完整启动链路
前端·vue.js·软件工程
前端·柱子6 小时前
Chaikin‘s Corner Cutting 算法 应用canvas绘制平滑的曲线
前端·html