當(dāng)前位置:
首頁 >
React 中 keys 的作用是什么?
發(fā)布時(shí)間:2024/4/15
44
豆豆
生活随笔
收集整理的這篇文章主要介紹了
React 中 keys 的作用是什么?
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
Keys 是 React 用于追蹤哪些列表中元素被修改、被添加或者被移除的輔助標(biāo)識(shí)。
render () {return (<ul>{this.state.todoItems.map(({item,i}) => {return <li key={i}>{item}</li>})}</ul>) }在開發(fā)過程中,我們需要保證某個(gè)元素的 key 在其同級(jí)元素中具有唯一性。
在 React Diff 算法中 React 會(huì)借助元素的 Key 值來判斷該元素是新近創(chuàng)建的還是被移動(dòng)而來的元素,從而減少不必要的元素重渲染;
此外,React 還需要借助 Key 值來判斷元素與本地狀態(tài)的關(guān)聯(lián)關(guān)系,因此我們絕不可忽視轉(zhuǎn)換函數(shù)中 Key 的重要性。
轉(zhuǎn)載于:https://www.cnblogs.com/crazycode2/p/10726763.html
總結(jié)
以上是生活随笔為你收集整理的React 中 keys 的作用是什么?的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 好程序员分享大势所趋 HTML5成Web
- 下一篇: Flask框架从入门到精通之路由(三)