1、react jsx語法優點
2、react jsx語法注意:
3、jsx表示式
//例一:
let str =
'當前的時間是:'
let time =
newdate()
.tolocaletimestring()
let element =
(/h1>
<
/h2>
//表示式
<
/div>
)reactdom.
render
( element,
document.
queryselector
('#root'))
//例二
let man =
"發熱"
let element2 =
(/h1>
<
/h2>
//三元運算子
//表示式中也可以是jsx物件:
// <
/div>
)reactdom.
render
( element2,
document.
queryselector
('#root'
))import react from
'react'
;import reactdom from
'react-dom'
;import
;let color =
'bgpink'
;let logo =
'';let element =
(>
/>
紅的的背景顏色
<
/div>
)reactdom.
render
( element,
document.
queryselector
('#root'
))效果如下:
5、jsx語法總結:
react學習第二天(二)
jsx style 樣式 let examplestyle let element helloworld h1 jsx中不能在style中直接新增樣式 div reactdom.render element,document.queryselector root let color bgpink l...
react學習第二天(三)
react元件 函式式元件 類元件 1 函式式元件 函式式元件 function father reactdom.render document.queryselector root 函式式元件 function father p 是否出門?p span div reactdom.render do...
學習第二天
linux系統的檔案型別及許可權的相關知識 1.普通檔案 l 連線檔案 d 資料夾 表示不同的檔案型別 2.檔案許可權 r 可讀 w 可寫 x 可執行 3.chmod 修改檔案許可權,修符號或者使用八進位制 linux的基礎命令 cd 切換目錄 ls 檢視內容 表示當前目錄 上一級目錄等 touch...