React 文章列表

自定义hook

在src/hooks文件夹下封装 useChannel.js

// 获取频道列表的逻辑 
import { useEffect , useState } from "react"
import { getChannelAPI } from "@/apis/article"function useChannel(){// 获取频道的逻辑 const [channelList,setChannelList] = useState([])useEffect(()=>{// 封装函数，在函数体内调用接口const getChannelList = async()=>{const res = await getChannelAPI()setChannelList(res.data.channels)}getChannelList()},[])// 组件中需要用的数据return出去 return {channelList}}