在JSX中嵌入表达式{ 表达式 }
双大括号内可以是变量,字符串,数组,函数调用, 但是不可以是对象,也不支持 if,for语句
例如:你在插值表达式里写对象:它是会报错的
{ {name: "川川"...,for循环的代码块中是可以使用JSX的,将JSX赋值给变量,把JSX当作参数传入,以及从函数中返回JSX
function getMessage(user) {
if (user) {
return...,已经很明白了),而引入react-dom的原因就是,为了将虚拟DOM转换为真实DOM,然后把这个DOM元素插入到页面中,这正是ReactDOM.render()做的事情,把组件渲染并且构造 DOM 树...react-dom是为了渲染组件,将组件挂载到特定的位置上,同时将虚拟DOM转换为真实DOM,插入到页面中
总结
本文主要讲述了JSX是什么?...以及JSX的一些注意事项,JSX的具体使用,嵌入表达式,最重要的是JSX的原理,在使用JSX中,react是如何将jsx语法糖装换为真实DOM,并渲染到页面中的,当然,JSX仍然还有一些注意事项,边边角角的知识的