- 對(duì)應(yīng)Vue的mounted加載。第二個(gè)參數(shù)為空數(shù)組
useEffect(()=>{
console.log('mounted加載');
},[])
- 對(duì)應(yīng)mounted 或 update 之后更新。第一個(gè)參數(shù)正常函數(shù)
useEffect(()=>{
console.log('對(duì)應(yīng)mounted 或 update 之后更新');
})
- 第一個(gè)參數(shù)的函數(shù)中返回一個(gè)函數(shù)
useEffect(()=>{
return ()=>{
console.log('組件銷(xiāo)毀執(zhí)行');
}
})
- 根據(jù)n變化之后而更新，第二個(gè)參數(shù)為
[n].
import { useEffect, useState } from "react";
function xxx(){
const [n, setN] = useState(1)
const x = ()=>{
setN(n + 1)
}
useEffect(()=>{
console.log('n變化之后更新');
},[n])
return (<div onClick={x}>+1{n}</div>)
}
export default xxx
