综合网站建设,百度左侧排名,延安网站建设哪家专业,如何创立自己的公众号题记#xff1a;首先我们要了解一下jsx是什么#xff0c;跟js有什么区别#xff0c;其实就是js的语法糖#xff0c;加上了xml的语法#xff0c;使得产生虚拟dom更加的方便#xff0c;简单说一下#xff0c;xml就是存储数据的格式#xff0c;想了解xml的话#xff0c;可…题记首先我们要了解一下jsx是什么跟js有什么区别其实就是js的语法糖加上了xml的语法使得产生虚拟dom更加的方便简单说一下xml就是存储数据的格式想了解xml的话可以结合json格式相互对比。
举例
//用js去写let Dom React.creatElemnt(h1,{id:header},你好啊);
let Doms React.creatElemnt(h1,{id:header},React.craetElement(span,{id:center},你好啊)//用jsX写
let Dom (h1 idtitle你好/h1
)let Doms (h1 idtitlespan你好/span/h1
)jsx语法规则
01.定义时无序引号。
let Doms (h1 idtitlespan你好/span/h1
)
02.标签中混入表达式用{}包裹。 注表达式跟代码语句不一样的欧也就是说if语句for语句不能被{}包裹函数和变量是表达式for和if叫做代码语句。
let name title
let commins 你好let Doms (h1 id{title}span{commins}/span/h1
)
let name title
let commins 你好
let arr [a,b,c]
let Doms (div id{title}span{Array.map((item,index){return li key{index}{item}/li )}/span/div
) 03.样式的类型指定不用class用className
let name title
let commins 你好
let niu niuniu
let Doms (h1 id{title} className{niu}span{commins}/span/h1
)
04.行内样式一样要加上{{}}
let name title
let commins 你好let Doms (h1 id{title}span style{{margin:20px}}{commins}/span/h1
)
05.根标签只有一个跟Vue2一样
06.标签必须闭合
07.标签首字母 1.若小写字母开头将转为html标签 2.若大写字母开头则会找相应的组件如果没有这样的组件报错结合Vue组件命名规范
