JSX语法规范

1、只有一个开始节点和一个尾节点

正确的写法

ReactDOM.render(
    <div>hello,你好</div>,
    document.body        
)

错误的写法，开始节点和尾节点不唯一

ReactDOM.render(
    <div>hello,</div>
    <div>你好</div>,
    document.body        
)

2、标签必须正确嵌套，标签必须关闭，注意大小写

对于空标签，不要漏掉/，否则视为没有正确关闭

3、注释的写法

需要使用{/*注释*/}，其它会报错

ReactDOM.render(
   {/* 注释 */} 
    <div>hello,你好</div>,
    document.body        
)

 

转载于:https://www.cnblogs.com/lhyhappy365/p/7600622.html