react中map的應用

2022-06-07 07:48:09 字數 591 閱讀 7713

當需要遍歷陣列時,特別是需要遍歷多個陣列時,我們就可以封裝函式,從而提高**的復用率,還要注意兩點哦,1.陣列的map可以進行遍歷,需要加唯一的key值,2.封裝成函式的話,記得內部需要加return關鍵字!

//當為多個陣列時。

var arr = ["a","b","c"]

var arr2 = ["d","e","f"]

//封裝函式

function showlist(arr)})}

//呼叫封裝的函式

reactdom.render(

return 後面返回一段jsx**的時候,最好加(),為了避免問題

react不是vue的那種雙向資料繫結的框架,資料改變了,檢視不會主動渲染。需要我們手動的去執行render函式!

下面例題:要求是讓第一項預設新增紅色,後續點選每一項,每一項變紅

var arr = ["a","b","c"]

var currentindex = 0

function showlist(arr)

render()

function render()

)}

C 中簡單的map應用

map是c 提供的可以將關鍵字和該關鍵字的值 key value 一對一聯絡起來並進行操作的乙個容器。基本操作有新增,修改,查詢,刪除。下面簡單說明這三種操作的實現方式。宣告map include 一定要有 using namespace std map f map中資料型別可以是任意的。新增 ma...

html css中map和area的應用

一 使用方法 因為map標籤是與img標籤繫結使用的,所以我們需要給map標籤新增id和name屬性,讓img標籤中的usemap屬性引用map標籤中的id或者name屬性 由於瀏覽器的不同,usemap屬性接收二者之一的值,所以通常name和id屬性二者都寫,值相同 並配合area標籤進行使用。例...

python中的執行緒池map的應用

import time def timeit f start time time.time res f args,kwargs end time time.time return res python3.2版本之後才有的 import threading from concurrent.future...