JSX组成
tagname
attribute
children
比如
let jsx=<div name="hello">Hello world<span age=12>bye</div>
tagname:'div'
attribute:{name:"hello"}
children:"Hello World",{
tagname:'span'
attribute:{age:13}
children:"bye"
}
jsx特性
- jsx 中不能一次性返回零散的多个节点，如果有多个请包涵在一个父节点中。
- 关于注释
return (
// jsx 外面的注释
<div>
{/* jsx 里面的注释 */}
<p>hello world</p>
</div>
)
- jsx中使用判断一般会用到三元表达式
<p style={{display: true ? 'block' ? 'none'}}>hello world</p>
