我正在使用 createContext 將狀態發送到其余組件。由于應用程式很小，我決定將 Context 和函式放在同一個檔案中。我使用的是cocktailDB API 的免費版本，但axios 無法獲取。它說它找不到資源。我只想呼叫 API 一次。
ContextCategories.js
import React, { createContext, useState, useEffect } from 'react';
import axios from 'axios';
//Creating the CONTEXT
export const ContextCategories = createContext(); //Reference to the context
//Creating the PROVIDER
const CategoriesProvider = (props) => {
//Creating the STATE of the CONTEXT
const [categories, setCategories] = useState([]);
//Calling the API
useEffect(()=>{
const cocktailCategories = () =>{
const URL = "www.thecocktaildb.com/api/json/v1/1/list.php?c=list";
const myCategories = axios.get(URL);
console.log(myCategories);
}
cocktailCategories();
},[]);
return(
<ContextCategories.Provider
value={{
}}
>
{props.children}
</ContextCategories.Provider>
);
};
export default CategoriesProvider;
uj5u.com熱心網友回復：
我相信您可能需要網址開頭的 http:// 。
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/353354.html
上一篇：如何在打字稿中正確使用泛型？