Ang katumbas ng componentDidMount sa mga hook ay ang useEffect function. Ang mga function na ipinasa sa useEffect ay isinasagawa sa bawat pag-render ng bahagi-maliban kung magpapasa ka ng pangalawang argumento dito.
Para saan ang useEffect?
Ano ang nagagawa ng useEffect? Sa pamamagitan ng paggamit sa Hook na ito, sinasabi mo sa React na may kailangang gawin ang iyong component pagkatapos i-render ang. Tatandaan ng React ang function na ipinasa mo (tutukoy namin ito bilang aming "epekto"), at tatawagan ito sa ibang pagkakataon pagkatapos isagawa ang mga update sa DOM.
Ang componentDidMount ba ay isang React hook?
Ang
useEffect ay isang React hook kung saan maaari kang maglapat ng mga side effect, halimbawa, pagkuha ng data mula sa server. Ang unang argumento ay isang callback na papaganahin pagkatapos ng layout at pintura ng browser.
Bakit hindi tinatawag ang useEffect?
Ang dahilan kung bakit ito nangyayari ay dahil ang api call ay asynchronus, hindi nito pinupunan kaagad ang estado, kaya ang pag-render ay nangyayari muna at sinusubukang basahin. kasalukuyang mula sa unang estado ng panahon null. Solusyon: sa iyong paraan ng pag-render, tiyaking hindi basahin ang lagay ng panahon.
Lagi bang tumatakbo ang useEffect sa Mount?
Mahalaga: ang useEffect hook ay palaging tatakbo sa mount anuman ang kung mayroong anuman sa dependency array nito. Marahil ay hindi namin gustong aktwal na patakbuhin ang epektong ito sa aming data kapag hindi ito natukoy (dahil ito ay magiging sa paunang pag-render) ngunit sa halip ay gusto naming maghintay hanggang sa ma-populate ito mula sa API call.
