<abbr id="ciwa6"><option id="ciwa6"></option></abbr>
  • <sup id="ciwa6"><kbd id="ciwa6"></kbd></sup>
    <small id="ciwa6"></small>
  • 千鋒教育-做有情懷、有良心、有品質(zhì)的職業(yè)教育機(jī)構(gòu)

    400-811-9990
    手機(jī)站
    千鋒教育

    千鋒學(xué)習(xí)站 | 隨時(shí)隨地免費(fèi)學(xué)

    千鋒教育

    掃一掃進(jìn)入千鋒手機(jī)站

    領(lǐng)取全套視頻
    千鋒教育

    關(guān)注千鋒學(xué)習(xí)站小程序
    隨時(shí)隨地免費(fèi)學(xué)習(xí)課程

    上海
    • 北京
    • 鄭州
    • 武漢
    • 成都
    • 西安
    • 沈陽
    • 廣州
    • 南京
    • 深圳
    • 大連
    • 青島
    • 杭州
    • 重慶
    當(dāng)前位置:成都千鋒IT培訓(xùn)  >  技術(shù)干貨  >  react中怎么實(shí)現(xiàn)vue中的計(jì)算屬性以及watch

    react中怎么實(shí)現(xiàn)vue中的計(jì)算屬性以及watch

    來源:千鋒教育
    發(fā)布人:gxy
    時(shí)間: 2023-03-27 15:18:20

      react中怎么實(shí)現(xiàn)vue中的計(jì)算屬性以及watch

    react中怎么實(shí)現(xiàn)vue中的計(jì)算屬性以及watch

      首先,react中可以利用static getDeriveStateFromProps這個(gè)生命周期鉤子函數(shù)來根據(jù)當(dāng)前的屬性及狀態(tài)來派生一個(gè)新狀態(tài),并且在初始化階段,和更新階段都會(huì)執(zhí)行,保證狀態(tài)始終存在對(duì)應(yīng)。

      但是需要注意是否需要做緩存,因?yàn)槿魏螖?shù)據(jù)變化都會(huì)引起該鉤子函數(shù)的執(zhí)行,會(huì)導(dǎo)致派生的計(jì)算每次都會(huì)進(jìn)行。

      在函數(shù)組件+Hooks的時(shí)候,可以利用useMemo來生成一個(gè)計(jì)算屬性。

      在類組件中可以在componentDidUpdate中根據(jù)this上最新的屬性和狀態(tài)與參數(shù)中接收到的之前的屬性和狀態(tài)來判斷是哪一個(gè)數(shù)據(jù)更新,實(shí)現(xiàn)watch的能力,在函數(shù)組件 + hooks中使用useEffect就可以了。

    聲明:本站稿件版權(quán)均屬千鋒教育所有,未經(jīng)許可不得擅自轉(zhuǎn)載。

    猜你喜歡LIKE

    經(jīng)典面試題:static加載機(jī)制你知道嗎?

    2023-03-23

    如何做用戶分層?

    2022-12-12

    如何進(jìn)行有效的數(shù)據(jù)分析?

    2022-12-12

    最新文章NEW

    跨域如何解決

    2023-04-04

    消息中間件常用協(xié)議有哪些

    2023-03-22

    四種方式創(chuàng)建SpringBoot項(xiàng)目

    2023-02-27

    相關(guān)推薦HOT

    更多>>

    快速通道 更多>>

    最新開班信息 更多>>

    網(wǎng)友熱搜 更多>>