JSX基礎 基本使用

let h1 =

我是通過jsx建立的元素<
/h1>

reactdom.

render
(h1,document.
getelementbyid
('root'
))

注意點語法：

例子：

let content =

'插入的內容'
let h1 =
我是通過jsx建立的元素+
<
/h1>

條件渲染

根據不同的條件來渲染不同的jsx結構

if 語句

let isloading =

true
letloading=(
)=>
return
載入完成<
/div>
}

let isloading =

true
return isloading ?
(loading...
<
/div>):
(載入完成<
/div>
)

列表渲染

let arr =[,

,,]let list =
(>
<
/li>)}
<
/ul>
)reactdom.
render
(ul,document.
getelementbyid
('root'
))

行內樣式 -style

在style裡面我們通過物件的方式傳遞資料

style=

}>
<
/li>

外聯 css 樣式，類名 -classname

建立css檔案編寫樣式**

.container

import

'./css/index.css'
'container' key=
style=
}>
<
/li>

3 react 使用babel啟用jsx

import react,from react import reactdom from react dom const myh1 react.createelement h1 這是乙個h1 這種麻煩，使用html是最好的標記語言 const myh1 這是乙個div標籤 react做了一層封裝，但...

vue 使用jsx需要注意的問題

vue 使用jsx官網提供了一些方式，為什麼用jsx，因為jsx足夠靈活，模板引擎雖然比較簡單，但複雜dom結構仍然生成不了，我近期做了乙個遞迴生成dom結構的demo，因為遞迴的原因，普通的模板引擎實現不了這種，所以我用了jsx。引入jsx比較簡單，用這個 裡面提供的，增加這些依賴就可以了。其實用...

Vim基礎 Vi基本使用

vi編輯器具有三種工作模式，分別 是命令列模式 command mode 插入模式 insert mode 和底行模式 last mode 1 命令列模式 2 插入模式 3 底行模式 命令列模式 底行模式轉為插入模式特徵 指令作用新增a 從游標所在的位置後面開始新增資料，游標後的資料隨新增資料向後移...