React的數(shù)據(jù)渲染循環(huán)key的作用

1.key是虛擬dom對象的標(biāo)識,在更新顯示時(shí)起到重要的作用

2.當(dāng)狀態(tài)中的數(shù)據(jù)發(fā)生變化的時(shí)候因俐,react會根據(jù)【新數(shù)據(jù)】生成【新的虛擬DOM】猴贰,隨后React進(jìn)行【新虛擬DOM】與【舊虛擬DOM】的diff比較揭绑,比較規(guī)則見3

3.當(dāng)舊虛擬DOM找到了與新虛擬DOM相同的Key:發(fā)現(xiàn)虛擬DOM中是否發(fā)生改變腥例,如果發(fā)生改變那生成新的真實(shí)DOM,隨后替換舊的真實(shí)DOM子姜,如果發(fā)現(xiàn)沒有改變那就直接使用之前的真實(shí)DOM
舊虛擬DOM未找到與新虛擬DOM相同的key祟绊,根據(jù)數(shù)據(jù)創(chuàng)建新的真實(shí)DOM,隨后渲染到頁面當(dāng)中

4.用index作為key可能會存在當(dāng)數(shù)據(jù)量過大的時(shí)候重新去新舊DOM作比較的時(shí)候會多次重新生成真實(shí)DOM哥捕,造成不必要的DOM刷新問題牧抽,而且隨著數(shù)據(jù)發(fā)生變化數(shù)據(jù)的索引值會發(fā)生變化讓對應(yīng)的DOM元素更新界面產(chǎn)生問題

5.對于key可以用每條數(shù)據(jù)的唯一標(biāo)識,一般常用id作為唯一標(biāo)識

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末遥赚,一起剝皮案震驚了整個(gè)濱河市扬舒,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌凫佛,老刑警劉巖讲坎,帶你破解...
    沈念sama閱讀 219,589評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異愧薛,居然都是意外死亡晨炕,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,615評論 3 396
  • 文/潘曉璐 我一進(jìn)店門毫炉,熙熙樓的掌柜王于貴愁眉苦臉地迎上來瓮栗,“玉大人,你說我怎么就攤上這事瞄勾》鸭椋” “怎么了?”我有些...
    開封第一講書人閱讀 165,933評論 0 356
  • 文/不壞的土叔 我叫張陵进陡,是天一觀的道長愿阐。 經(jīng)常有香客問我,道長趾疚,這世上最難降的妖魔是什么缨历? 我笑而不...
    開封第一講書人閱讀 58,976評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮盗蟆,結(jié)果婚禮上戈二,老公的妹妹穿的比我還像新娘。我一直安慰自己喳资,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,999評論 6 393
  • 文/花漫 我一把揭開白布腾供。 她就那樣靜靜地躺著仆邓,像睡著了一般鲜滩。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上节值,一...
    開封第一講書人閱讀 51,775評論 1 307
  • 那天徙硅,我揣著相機(jī)與錄音,去河邊找鬼搞疗。 笑死嗓蘑,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的匿乃。 我是一名探鬼主播桩皿,決...
    沈念sama閱讀 40,474評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼幢炸!你這毒婦竟也來了泄隔?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,359評論 0 276
  • 序言:老撾萬榮一對情侶失蹤宛徊,失蹤者是張志新(化名)和其女友劉穎佛嬉,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體闸天,經(jīng)...
    沈念sama閱讀 45,854評論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡暖呕,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,007評論 3 338
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了苞氮。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片缰揪。...
    茶點(diǎn)故事閱讀 40,146評論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖葱淳,靈堂內(nèi)的尸體忽然破棺而出钝腺,到底是詐尸還是另有隱情,我是刑警寧澤赞厕,帶...
    沈念sama閱讀 35,826評論 5 346
  • 正文 年R本政府宣布艳狐,位于F島的核電站,受9級特大地震影響皿桑,放射性物質(zhì)發(fā)生泄漏毫目。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,484評論 3 331
  • 文/蒙蒙 一诲侮、第九天 我趴在偏房一處隱蔽的房頂上張望镀虐。 院中可真熱鬧,春花似錦沟绪、人聲如沸刮便。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,029評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽恨旱。三九已至辈毯,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間搜贤,已是汗流浹背谆沃。 一陣腳步聲響...
    開封第一講書人閱讀 33,153評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留仪芒,地道東北人唁影。 一個(gè)月前我還...
    沈念sama閱讀 48,420評論 3 373
  • 正文 我出身青樓,卻偏偏與公主長得像掂名,于是被迫代替她去往敵國和親据沈。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,107評論 2 356

推薦閱讀更多精彩內(nèi)容