使用useFetch的多个请求

Question

我同时发送两个请求，使用useFetch，在Safari上，响应是混合的

const [entries,setEntries] = useState([]);
const [categories,setCategories] = useState([]);

const { get, response} = useFetch('https://api.publicapis.org');


const getData = useCallback( async()=>{
    const entriesRes = await get('/entries?category=animals&https=true')
    if(response.ok)
        setEntries(entriesRes.entries)
},[])

const getCategories = useCallback( async()=>{
    const categoriesRes = await get('/categories')
    if(response.ok)
        setCategories(categoriesRes)
},[])


useEffect(()=>{
    getData();
    getCategories();
},[])

如果getCategories首先返回，则响应转到entriesRes instand of categoriesRes，这只发生在safari上。

Answer 1

尝试重命名useFetch结果：

const [entries,setEntries] = useState([]);
const [categories,setCategories] = useState([]);

const categoryFetch = useFetch('https://api.publicapis.org');
const dataFetch = useFetch('https://api.publicapis.org');



const getData = useCallback( async()=>{
    const entriesRes = await dataFetch.get('/entries?category=animals&https=true')
    if(response.ok)
        setEntries(entriesRes.entries)
},[])

const getCategories = useCallback( async()=>{
    const categoriesRes = await categoryFetch.get('/categories')
    if(response.ok)
        setCategories(categoriesRes)
},[])


useEffect(()=>{
    getData();
    getCategories();
},[])