为啥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基本相同就是驼峰式的一个写法而已

相关推荐
Easonmax4 小时前
零基础入门 React Native 鸿蒙跨平台开发:7——双向滚动表格实现
react native·react.js·harmonyos
Easonmax4 小时前
零基础入门 React Native 鸿蒙跨平台开发:6——竖向滚动表格实现
react native·react.js·harmonyos
提笔了无痕4 小时前
Web中Token验证如何实现(go语言)
前端·go·json·restful
戌中横4 小时前
JavaScript——Web APIs DOM
前端·javascript·html
Beginner x_u4 小时前
如何解释JavaScript 中 this 的值?
开发语言·前端·javascript·this 指针
HWL56795 小时前
获取网页首屏加载时间
前端·javascript·vue.js
烟锁池塘柳05 小时前
【已解决】Google Chrome 浏览器报错 STATUS_ACCESS_VIOLATION 的解决方案
前端·chrome
速易达网络5 小时前
基于RuoYi-Vue 框架美妆系统
前端·javascript·vue.js
LYS_06185 小时前
RM赛事C型板九轴IMU解算(4)(卡尔曼滤波)
c语言·开发语言·前端·卡尔曼滤波
Easonmax6 小时前
零基础入门 React Native 鸿蒙跨平台开发:8——固定表头和列的复杂表格
react native·react.js·harmonyos