前言
在Jq,原生javascript时期,在写页面时,往往强调的是内容结构,层叠样式,行为动作要分离,三者之间分工明确,不要耦合在一起
然而在React出现后,一切皆js,对于在JS里面写HTML代码...实现组件化的好处,不言而喻,下面来看看React的JSX是怎么样的
当你用create-react-app脚手架,初始化一个react应用后,在入口文件index.js中最后一行代码,ReactDOM.render...中嵌入表达式{ 表达式 }
双大括号内可以是变量,字符串,数组,函数调用, 但是不可以是对象,也不支持 if,for语句
例如:你在插值表达式里写对象:它是会报错的
{ {name: "川川", age...里面写if,for语句也是会报错的
{
if(this.isBtn) {
}
其实,JSX 也是一个表达式,它虽然不支持if,for语句,但是它在if...UI界面显示什么样,取决于JSX对象结构,换句话说,取决于render()函数里面的return关键字后面返回的JSX内容结构
引入React.js库是为了解析识别JSX语法,同时创建虚拟DOM,而引入