- 对应Vue的mounted加载。第二个参数为空数组
useEffect(()=>{
console.log('mounted加载');
},[])
- 对应mounted 或 update 之后更新。第一个参数正常函数
useEffect(()=>{
console.log('对应mounted 或 update 之后更新');
})
- 第一个参数的函数中返回一个函数
useEffect(()=>{
return ()=>{
console.log('组件销毁执行');
}
})
- 根据n变化之后而更新,第二个参数为
[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