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

相关推荐
前端Hardy几秒前
HTML&CSS:必学!手把手教你实现动态天气图标
javascript·css·html
蔓越莓2 分钟前
[Electron] win.setSize 在RTL布局下的表现,是否需要适配?
前端·electron
Json_7 分钟前
Vue 实例方法
前端·vue.js·深度学习
数据攻城小狮子8 分钟前
Java Spring Boot 与前端结合打造图书管理系统:技术剖析与实现
java·前端·spring boot·后端·maven·intellij-idea
阿鲁冶夫21 分钟前
最佳实践初始化项目公用cli
前端
Json_35 分钟前
实例入门 实例属性
前端·深度学习
Json_36 分钟前
JS中的apply和arguments小练习
前端·javascript·深度学习
Light601 小时前
深入剖析JavaScript多态:从原理到高性能实践
javascript·性能优化·多态·类型推断·代码复用·v8引擎
云只上1 小时前
前端界面在线excel编辑器 。node编写post接口获取文件流,使用传参替换表格内容展示、前后端一把梭。
前端·javascript·node.js·excel
Json_1 小时前
Vue Methods Option 方法选项
前端·vue.js·深度学习