如何使用ReactJS从端点获取数据
在此处输入图像描述我要使用以下方式获取数据: 从“React”导入React,{useState,useffect}; 常量Home==>{ useEffect异步=>{ const response=等待获取'http://localhost:4000/user' const myJson=await response.json; console.logJSON.stringifymyJson; } 回来 主页 }如何使用ReactJS从端点获取数据,reactjs,fetch,Reactjs,Fetch,在此处输入图像描述我要使用以下方式获取数据: 从“React”导入React,{useState,useffect}; 常量Home==>{ useEffect异步=>{ const response=等待获取'http://localhost:4000/user' const myJson=await response.json; console.logJSON.stringifymyJson; } 回来 主页 } 导出默认主页 要消除该警告,您需要将异步块提取到它自己的函数中。比如: us
导出默认主页 要消除该警告,您需要将异步块提取到它自己的函数中。比如:
useEffect (() => {
const fetchData = async () => {
const response = await fetch('http://localhost:4000/user')
const myJson = response.json()
console.log(JSON.stringify(myJson))
}
fetchData()
}, [])
但这不应该是你无法获取数据的原因。您需要确保位于的api已启用CORS,以便react可以与其通信。如果您无法更改,则需要设置一个代理:无法从此端点获取数据:是否有任何错误或无法在useEffect内获取数据?uesEffect中console.log中显示了什么?可能与您得到的错误重复?我猜这是一个CORSissue@jdn我发布了两张有错误的图片。@Jake Luby,我发布了两张有错误的图片