国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

React 爬坑—key的關(guān)鍵之處

caikeal / 3303人閱讀

摘要:爬坑之旅非列表下,的使用根據(jù)布爾值顯示不同的頁面,有相同的操作用戶名下級頁面看著寫上級頁面如果按照上面的代碼書寫會出現(xiàn)下面的狀況數(shù)據(jù)被通用了,因為無法區(qū)分更新解決方式是添加主鍵請輸入用戶名下級頁面看著寫上級頁面

React 爬坑之旅 非列表下,key的使用

根據(jù)布爾值顯示不同的頁面,有相同的操作

// demo
  handleChangeDemo1 (e) {
    let name = e.target.value;
    this.setState({name})
  }
  handleChangeDemo2 (e) { 
    let name = e.target.value;
    this.setState({name})
  }
  handleClickDemo1 () {
    this.setState({flag: !this.state.flag})
  }
  handleClickDemo2 () {
    this.setState({flag: !this.state.flag})
  }
 {
    flag ?  
      
:
}
如果按照上面的代碼書寫會出現(xiàn)下面的狀況

數(shù)據(jù)被通用了,因為react無法區(qū)分更新

解決方式是添加主鍵

key

{
   flag ?  
     
:
}

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/88333.html

相關(guān)文章

  • React-Native爬坑之旅

    摘要:爬坑之旅第一站安裝官網(wǎng)安裝或我云盤分享官網(wǎng)安裝安裝或我云盤分享注以下教程只針對平臺和的安裝比較簡單,由于需要配置環(huán)境變量故會稍顯麻煩列出幾篇我安裝時的參考文檔中文網(wǎng)環(huán)境搭建教程以及晴明老師在騰訊課堂的視頻教程,以及環(huán)境下的環(huán)境配置此外我安裝 1.Flag 爬坑之旅第一站——安裝 jdk官網(wǎng)安裝或我云盤分享 Node.js 官網(wǎng)安裝 Android Studio 安裝或 我云盤分享 ...

    wangbjun 評論0 收藏0
  • 4、React組件之性能優(yōu)化

    摘要:組件的性能優(yōu)化高德納我們應(yīng)該忘記忽略很小的性能優(yōu)化,可以說的情況下,過早的優(yōu)化是萬惡之源,而我們應(yīng)該關(guān)心對性能影響最關(guān)鍵的另外的代碼。對多個組件的性能優(yōu)化當(dāng)一個組件被裝載更新和卸載時,組件的一序列生命周期函數(shù)會被調(diào)用。 React組件的性能優(yōu)化 高德納: 我們應(yīng)該忘記忽略很小的性能優(yōu)化,可以說97%的情況下,過早的優(yōu)化是萬惡之源,而我們應(yīng)該關(guān)心對性能影響最關(guān)鍵的另外3%的代碼。...

    陳偉 評論0 收藏0
  • 支付寶小程序爬坑之路【1】

    摘要:文件名字支付寶頁面標(biāo)題導(dǎo)航欄背景色是否允許下拉刷新默認(rèn)頁面是否支持縱向拽拉超出實際內(nèi)容。請求數(shù)據(jù)請求支付寶的請求是如果需要設(shè)置支付寶為微信是參數(shù)不同如果是請求,需要給的值加上最終為 ①支付寶創(chuàng)建個人身份 【假如想要變成公司項目的 小程序管理員,千萬千萬不要變成==自研開發(fā)者==】 會設(shè)置不了的 ②支付寶的緩存機制 setStorageSync 【設(shè)置本地存儲】 my.setStor...

    Harpsichord1207 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<