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>);
}