Javascript 试图获取api,但出现了一个错误
我正在尝试获取api的数据,但始终存在一个问题。我有一个函数,在抓取过程结束后将数据设置为新数据,并尝试将其作为回调调用。代码如下: 获取数据的函数:Javascript 试图获取api,但出现了一个错误,javascript,reactjs,fetch-api,Javascript,Reactjs,Fetch Api,我正在尝试获取api的数据,但始终存在一个问题。我有一个函数,在抓取过程结束后将数据设置为新数据,并尝试将其作为回调调用。代码如下: 获取数据的函数: async function getAPI(url, settings, callback) { const response = await fetch(url, settings) var result = await response.json() callback(result) } 我使用它的地方: cons
async function getAPI(url, settings, callback) {
const response = await fetch(url, settings)
var result = await response.json()
callback(result)
}
我使用它的地方:
const callback = (newVal) => {
// Return if newVal === ""
if (newVal === "") {
return
}
// Delete the previous data & set the new searchVal
setData(null)
setSearchVal(newVal)
// Get API
const url = `https://movies-tvshows-data-imdb.p.rapidapi.com/?type=get-movies-by-title&title=${newVal}`
const settings = {
"method": "GET",
"headers": {
"x-rapidapi-key": "xyz",
"x-rapidapi-host": "movies-tvshows-data-imdb.p.rapidapi.com"
}
}
getAPI(url, settings, setData)
}
我调用回调的地方(顺便说一句,回调被正确调用,因为我已经对该部分进行了调试):
顺便说一下,我还没有开始研究其中的一些。所以请记住这一点。我不知道我怎么会错过这一个,我只是忘了导出函数 以下是我导出函数的初始代码:
async function getAPI(url, settings, callback) {
const response = await fetch(url, settings)
var result = await response.json()
callback(result)
}
我刚在开头添加了
export
,就这样。您能添加更多关于出现问题的信息吗?可能是控制台错误。如果x-rapidapi-key头中的api密钥是敏感的,那么最好对其进行审查。这是我得到的错误:TypeError:Object(_helpers_uwebpack_IMPORTED_MODULE_u1_u[“getAPI”])不是函数。(在“Object(_helpers_uwebpack_IMPORTED_MODULE_1_uu[“getAPI”])(url,settings,setData)”中,“Object(_helpers_uwebpack_IMPORTED_MODULE_1_u[“getAPI”])是Object的一个实例)我不知道这个错误是关于什么的,你能发布你是如何导入和导出getAPI方法的吗?
const [searchVal, setSearchVal] = useState(null)
const [searchOn, setSearchOn] = useState(false)
const [scene, setScene] = useState(null)
const [data, setData] = useState(null)
async function getAPI(url, settings, callback) {
const response = await fetch(url, settings)
var result = await response.json()
callback(result)
}