如何使用ReactJS从端点获取数据

如何使用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

在此处输入图像描述我要使用以下方式获取数据:

从“React”导入React,{useState,useffect}; 常量Home==>{ useEffect异步=>{ const response=等待获取'http://localhost:4000/user' const myJson=await response.json; console.logJSON.stringifymyJson; } 回来 主页 }
导出默认主页 要消除该警告,您需要将异步块提取到它自己的函数中。比如:

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,我发布了两张有错误的图片