React系列:useEffect的使用

知识浅谈2023-12-17 23:17

useEffect的使用

useEffect的第二个参数不同，useEffect的加载不同

当第二个参数为没有的时候只在组件初始渲染和组件更新之后加载
当第二个参数为[] 的时候只在初始渲染之后加载
当第二个参数为[有依赖] 的时候只在初始渲染之后和依赖修改的时候进行加载

bash 复制代码

function App() {
  useEffect(()=>{
    //额外的操作 获取频道列表
    async function getList(){
      const res = await fetch(url)
      const list = await res.json()
      console.log(list);
    }
    getList()
  },[])
  //当第二个参数为没有的时候 只在组件初始渲染和组件更新之后加载
  //当第二个参数为[] 的时候 只在初始渲染之后加载
  //当第二个参数为[有依赖] 的时候 只在初始渲染之后和依赖修改的时候进行加载
  
  return (
    <div className="App">

    </div>
  );
}