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