子元素给包裹起来,可以包含子节点 ,也支持插值表达式 {表达式}
为了便于阅读,return返回的jsx内容,用一个圆括号()包裹起来,这样可以将JSX拆分为多行。...是如何使用的
JSX的具体使用
在JSX中嵌入表达式{ 表达式 }
双大括号内可以是变量,字符串,数组,函数调用, 但是不可以是对象,也不支持 if,for语句
例如:你在插值表达式里写对象:它是会报错的...,for循环的代码块中是可以使用JSX的,将JSX赋值给变量,把JSX当作参数传入,以及从函数中返回JSX
function getMessage(user) {
if (user) {
return...例如,在以下 JSX 中,仅当 isBtn 为 true 时,才会渲染
{ isBtn && }
有一点需要注意的是...react-dom是为了渲染组件,将组件挂载到特定的位置上,同时将虚拟DOM转换为真实DOM,插入到页面中
总结
本文主要讲述了JSX是什么?