react學習第四天(三)

2021-10-08 18:18:02 字數 2259 閱讀 3005

react列表渲染:將列表的內容拼裝成陣列放置到模板中

import react from

'react'

;import reactdom from

'react-dom'

;let arr =

["小明"

,"小黑"

,"小白"

]let arrhtml =

[小明<

/li>

,小黑<

/li>

,小白<

/li>

]//將資料拼裝成陣列jsx物件

class

welcome

extends

react.component

render()

<

/ul>

<

/div>)}

}reactdom.

render

(>

, document.

queryselector

('#root'

))

原生方式實現列表渲染:

import react from

'react'

;import reactdom from

'react-dom'

;class

welcome

extends

react.component,,

]}}render()

<

/h3>

<

/p>

<

/li>

) listarr.

push

(item)

}return

(/h1>

<

/ul>

<

/div>)}

}reactdom.

render

(>

, document.

queryselector

('#root'

))使用陣列map方法,對每一項資料按照jsx的形式加工,最終得到乙個每一項都是jsx物件的陣列,在將陣列渲染到模板中,key值需要放置到每一項中

import react from

'react'

;import reactdom from

'react-dom'

;class

welcome

extends

react.component,,

]}}render()

>

<

/span>

<

/h3>

<

/p>

<

/li>)}

)return

(/h1>

<

/ul>

<

/div>)}

}reactdom.

render

(>

, document.

queryselector

('#root'

))效果如下:

第四天學習

一 權重關係 樣式表的權重關係 內聯樣式表的權重最大!內部和外部樣式的權重,和書寫的前後順序有關!放在後面的會把放在前面的樣式覆蓋掉 網頁的布局 先做上下排版 再做左右排版 從外往裡 二 css語法 選擇符選擇符 選擇符就是給標籤起名字 型別選擇符 標籤選擇符 所有的html標籤可以直接當做選擇符進...

C Primer學習第四天

第四章 陣列和指標 c 語言提供了兩種類似於vector和迭代器型別的低階復合型別 陣列和指標。與vector型別相似,陣列也可以儲存某種型別的一組物件 而它們的區別在於,陣列的長度是固定的。陣列一經建立,就不允許新增新的元素。指標則可以像迭代器一樣用於遍歷和檢查陣列中的元素。現代c 程式應盡量使用...

C 學習第四天

匿名類 原理 編譯器根據初始化值推斷變數的真正型別.var只能在初始化變數時使用 編譯器要根據初始值固化其正真型別 例如var myint 100 編譯器會推斷出myint為int型別。而var myint myint 0 錯誤。因為編譯器無法知道myint的具體型別,也就無法後續對其進行各種操作了...