[react] 請說說什么是useEffect？

useEffect是副作用函數，第一個參數是函數，第二個參數是依賴的數據數組，當依賴數組中的數據變化時，觸發第一個參數函數的執行。有以下的幾種使用方式

模擬componentDidMount：常用作初始ajax請求，獲取ref節點等操作

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

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

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

監聽state值的變化，用最新的值進行副作用的操作

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

個人簡介

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

主目錄

與歌謠一起通關前端面試題

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。