一、插值語法 – {}

const str = 'hello react'; const VDOM = <h1>{str}</h1>; // 注意：是一對大括號 {} 和 Vue( {{}} ) 區分開

二、給標簽添加類名 – className= "" | {}

/*css:.active {background-color: red;} */const VDOM = <h1 className="active">hello react</h1>;

三、內聯樣式 – style={{ }}

const VDOM = <h1 style={{color: 'red', fontSize: '100px'}}>hello react</h1>;

四、標簽必須閉合

<input type="text" /> <img src="" /> ...

五、只能有一個根標簽

const VDOM = ( // 如果有很多標簽，推薦外面包一個小括號<div><h1 className="active">hello react</h1><input type="text" /></div> ); 創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的jsx 语法规范的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。