- 對應Vue的mounted加載。第二個參數(shù)為空數(shù)組
useEffect(()=>{
console.log('mounted加載');
},[])
- 對應mounted 或 update 之后更新村斟。第一個參數(shù)正常函數(shù)
useEffect(()=>{
console.log('對應mounted 或 update 之后更新');
})
- 第一個參數(shù)的函數(shù)中返回一個函數(shù)
useEffect(()=>{
return ()=>{
console.log('組件銷毀執(zhí)行');
}
})
- 根據(jù)n變化之后而更新缠黍，第二個參數(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
