前言
在Jq,原生javascript时期,在写页面时,往往强调的是内容结构,层叠样式,行为动作要分离,三者之间分工明确,不要耦合在一起
然而在React出现后,一切皆js,对于在JS里面写HTML代码...实现组件化的好处,不言而喻,下面来看看React的JSX是怎么样的
当你用create-react-app脚手架,初始化一个react应用后,在入口文件index.js中最后一行代码,ReactDOM.render...JavaScript 函数调用,并且对其取值后得到 JavaScript 对象
React.createELmenet会构建一个js对象来描述你的HTML结构信息,包括标签名,属性,子元素以及事件对象等...react-dom是为了渲染组件,将组件挂载到特定的位置上,同时将虚拟DOM转换为真实DOM,插入到页面中
总结
本文主要讲述了JSX是什么?...以及JSX的一些注意事项,JSX的具体使用,嵌入表达式,最重要的是JSX的原理,在使用JSX中,react是如何将jsx语法糖装换为真实DOM,并渲染到页面中的,当然,JSX仍然还有一些注意事项,边边角角的知识的