react學習第二天(二)

2021-10-08 16:20:23 字數 1059 閱讀 5799

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...