使用useEffect

• 对应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 (
+1{n}
)
}
export default xxx