react學習第四天（三）

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

;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的具體型別，也就無法後續對其進行各種操作了...