React 学习——useEffect 传入依赖项的不同，会有不同的执行表现

useEffect：

1. 当没有依赖项的时候：组件初始渲染+组件更新时执行
2. 当是空数组依赖项时：只在初始渲染时执行一次
3. 添加特定依赖项：组件初始渲染+特性依赖项变化时执行

import { useEffect, useState } from "react"

function App(){
  const [count,setCount] = useState(0);

  // 没有依赖项
  // useEffect(()=>{
  //   console.log('当没有依赖项的时候：组件初始渲染+组件更新时执行');
  // })

  // 空数组依赖项
  // useEffect(()=>{
  //   console.log('当是空数组依赖时：只在初始渲染时执行一次');
  // },[])
  
  // 添加特定依赖项(只有count 变化时才会执行)
  useEffect(()=>{
    console.log('添加特定依赖项：组件初始渲染+特性依赖项变化时执行');
  },[count])

  return (
    <div>
      <button onClick={()=>setCount(count + 1)}>+{count}</button>
    </div>

  )
}
export default App