ARTICLE DETAIL

建站实战干货

来自一线的建站与推广经验沉淀,每一条都经过真实交付验证。

React系列:useEffect的使用

2026/9/27 15:43:54 拓冰建站 浏览量
React系列:useEffect的使用

useEffect的使用

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

  • 当第二个参数为没有的时候 只在组件初始渲染和组件更新之后加载
  • 当第二个参数为[] 的时候 只在初始渲染之后加载
  • 当第二个参数为[有依赖] 的时候 只在初始渲染之后和依赖修改的时候进行加载
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>);
}