前言
在Jq,原生javascript时期,在写页面时,往往强调的是内容结构,层叠样式,行为动作要分离,三者之间分工明确,不要耦合在一起
然而在React出现后,一切皆js,对于在JS里面写HTML代码...因为在javascript代码中将JSX和UI放在一起在视觉上有辅助作用,另外,它还可以使React显示跟过有用的错误和警告信息
下面就一起来学习下JSX吧,当你习惯它之后呢,并不会嗤之以鼻,反而会引以为爱的...中嵌入表达式{ 表达式 }
双大括号内可以是变量,字符串,数组,函数调用, 但是不可以是对象,也不支持 if,for语句
例如:你在插值表达式里写对象:它是会报错的
{ {name: "川川", age...div>
要解决这个问题,确保 && 之前的表达式总是布尔值,就可以了
反之,如果你想渲染 false、true、null、undefined 等值,你需要先将它们转换为字符串:
转换字符串有如下三种方法...以及JSX的一些注意事项,JSX的具体使用,嵌入表达式,最重要的是JSX的原理,在使用JSX中,react是如何将jsx语法糖装换为真实DOM,并渲染到页面中的,当然,JSX仍然还有一些注意事项,边边角角的知识的