1. 程式人生 > >react基礎用法一(在標簽中渲染賦值)

react基礎用法一(在標簽中渲染賦值)

直接 com 技術分享 對象 sans 條件 寫法 基本 mage

react基礎用法一(渲染賦值)

技術分享圖片

如圖所示最簡單的變量使用方法

格式 let 變量名稱 = 賦值;

渲染格式直接用 {變量名稱} 就可以直接渲染到頁面

技術分享圖片

如圖所示第二種渲染方法

格式 const 變量名稱 = <標簽>內容</標簽>

渲染格式 {變量名稱} 即可渲染到頁面展示

技術分享圖片

如圖所示也可以渲染一個對象包括它的屬性對應展示到頁面

格式 const 對象名稱 = { key : value } 多個對象屬性需要{ key1 : value1, key2 : value2 }用逗號分隔

渲染格式 { 對象名稱.key }渲染對應key的value值

技術分享圖片

如圖所示三元運算判斷條件真假

格式 let 條件 = true 或 false

渲染格式 { 條件判斷 ? 真就渲染 :假就渲染}

以上是react基本渲染的入門js寫法,簡單的介紹的jsx的渲染格式與用法!

react基礎用法一(在標簽中渲染賦值)