React(jsx)

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>