[react] 請(qǐng)說(shuō)說(shuō)什么是useEffect？

useEffect是副作用函數(shù)，第一個(gè)參數(shù)是函數(shù)，第二個(gè)參數(shù)是依賴的數(shù)據(jù)數(shù)組，當(dāng)依賴數(shù)組中的數(shù)據(jù)變化時(shí)，觸發(fā)第一個(gè)參數(shù)函數(shù)的執(zhí)行。有以下的幾種使用方式

模擬componentDidMount：常用作初始ajax請(qǐng)求，獲取ref節(jié)點(diǎn)等操作

import { useEffect } from 'react'; function Demo() {useEffect(() => {// ...}, []);return <h1>Demo</h1>; }

模擬componentWillUnMount: 用作取消訂閱、清除定時(shí)器，需要隨著組件的卸載而從內(nèi)存中移除的操作放在這里

import { useEffect } from 'react'; function Demo() {useEffect(() => {return () => {// ...}}, []);return <h1>Demo</h1>; }

監(jiān)聽(tīng)state值的變化，用最新的值進(jìn)行副作用的操作

import { useState, useEffect } from 'react'; const [userId, setUserId] = useState(null); function Demo() {useEffect(() => {if (userId) {// ...}}, [userId]);return <h1>Demo</h1>; }

個(gè)人簡(jiǎn)介

我是歌謠，歡迎和大家一起交流前后端知識(shí)。放棄很容易，
但堅(jiān)持一定很酷。歡迎大家一起討論

主目錄

與歌謠一起通關(guān)前端面試題

總結(jié)

以上是生活随笔為你收集整理的[react] 请说说什么是useEffect？的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。