为啥react要用jsx

官方:JSX是一个js语法的拓展

react本身并不强制使用jsx,在没有她之前,react实现组件依赖于使用 React.createElement 函数,代码写起来会非常奇怪

jsx其实就是React.createElement的语法糖,让我们能够写类似于原生HTML和js的代码来替代React.createElement这个方法,让代码能够变得更加简洁,结构更加清晰,可读性更强

vue的模版语法对比,React 团队认为引入模板是一种不佳的实现,因为模版会分离技术栈,势必就要去学习更多的东西,比如说api等,像vue就新增的v-bind这些api,有一定的学习成本,而react则不同,其api于原生的js基本相同就是驼峰式的一个写法而已

相关推荐
小小前端仔LC14 小时前
Node.js + LangChain + React:搭建个人知识库(六)- “吃什么”项目实战:从700+菜谱入库到Taro H5端JSON渲染
前端·后端
ZengLiangYi14 小时前
TypeScript 项目配置:tsconfig、ESM、路径别名
javascript·typescript·aigc
晓131314 小时前
【Cocos Creator 3.x】篇——第二章 入门
前端·javascript·游戏引擎
想要成为糕糕手15 小时前
前端必修课:JavaScript 数组与数据结构底层逻辑全解析
javascript·数据结构·面试
程序员黑豆15 小时前
AI全栈开发之Java:怎么配置Java环境变量
前端·后端·ai编程
xiaofeichaichai15 小时前
React Hooks
前端·javascript·react.js
数据知道15 小时前
C++ 层拦截:修改 Blink 引擎与 V8 绑定的底层逻辑
javascript·数据采集·指纹浏览器·风控
问心无愧051315 小时前
ctf show web入门110
前端·笔记
拉拉肥_King15 小时前
Vue 3 主题切换深度解析:从炫酷动画到零闪烁方案
前端·vue.js
excel15 小时前
为什么 Pinia + localForage 持久化后,页面初始化拿不到数据?
前端