一分钟看懂React的JSX语法

react.jpg

学习react.js一般来说同时也要学会JSX语法,facebook官方推荐使用该语法代替javascript常规语法。
下文详细讲解JSX在react中的相关用法。
一、What is JSX?
JSX 是Facebook为React开发的一套语法糖,创建JSX 语法的本质目的是为了使用基于 xml 的方式表达组件的嵌套 ,保持和 HTML 一致的结构 ,语法上除了在描述组件上比较特别以外, 其它和普通的Javascript没有区别 。并且最终所有的 JSX 都会编译为原生Javascript。
二、JSX基本规则
1.基本规则
JSX 构建组件的规则和 XML 规则一致
2.嵌套规则
标签可以任意嵌套。
中文网参考 :https://doc.react-china.org/docs/jsx-in-depth.html
全文连接:https://mp.toutiao.com/profile_v3/index

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容