学习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