来自REACT应用程序的Rest API调用始终返回isLoaded: false
从问题描述来看，问题涉及到了React应用程序中的REST API调用返回值的问题。
首先，"isLoaded: false"是React应用程序中的一个状态标志，表示数据是否已经加载完成。当REST API调用返回时，isLoaded的值应该被更新为true，表示数据已经加载完成。
REST API是一种设计风格，用于创建、读取、更新和删除数据。它使用HTTP协议进行通信，常见的HTTP方法包括GET、POST、PUT和DELETE。REST API通过URL路径和请求参数来指定要执行的操作，并返回相应的结果。
在React应用程序中，调用REST API通常使用fetch或axios等库来发送HTTP请求。当REST API调用返回时，可以通过处理Promise的resolve或reject回调来获取返回的数据，并在回调中更新React组件的状态。
针对"isLoaded: false"的问题，有以下可能的原因和解决方案：
- 网络连接问题：确保网络连接正常，并且能够访问到REST API的URL。可以通过检查网络连接状态或尝试访问其他网址来排除网络问题。
- REST API返回数据延迟：如果REST API的响应时间较长，可能导致"isLoaded"状态没有及时更新。可以通过在发送请求前显示加载动画，或设置超时时间来处理延迟的情况。
- REST API调用代码问题：检查React应用程序中调用REST API的代码是否正确。确保正确设置请求方法、URL、请求头、请求参数，并正确处理返回结果。可以使用浏览器的开发者工具或调试工具来检查请求是否成功发送和返回了期望的结果。
以下是一些腾讯云相关产品和产品介绍链接地址，可以用于开发云计算领域的应用：
- 云服务器（Elastic Compute Cloud，简称CVM）：提供灵活可扩展的云服务器，适用于各种应用场景。详细信息请参考：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL版（TencentDB for MySQL）：提供高性能、可扩展的云数据库服务，适用于存储和管理数据。详细信息请参考：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云对象存储（Tencent Cloud Object Storage，简称COS）：提供安全、可靠的云端存储服务，适用于存储和管理大量的非结构化数据。详细信息请参考：https://cloud.tencent.com/product/cos
请注意，以上产品仅为示例，您可以根据具体需求选择合适的腾讯云产品。
相关·内容
import React from 'react'; error: null, isLoaded: false }
fetch("http(error) => { isLoaded: false,
er
浏览 24提问于2020-10-14得票数 0
1回答
我试图使用Reatjs、nodejs和JWT创建一个受保护的路由。问题是，在API检查客户端令牌之前，我的组件呈现。children : <Redirect to='/' /> }} );
这就是API调用：
static我已经使用了这个代码模型来显示从API获得的东西列表，它运行得很好。我认为这并不是
浏览 0提问于2021-04-25得票数 1
我似乎无法在javascript中将此API调用的值返回给我的react组件。我有一个调用API的java脚本文件。在js文件中，返回结果，但是当我在react组件中调用useEffect中的js函数时，它返回未定义。= false
fetch('xx
浏览 28提问于2021-10-28得票数 0
我正在学习React，并且仍然在努力弄清楚如何计划和实现一些事情。我有一个应用程序，它有三个不同的API调用，因此有三个不同的返回值。我希望有一个全局状态组件，告诉我这三个组件是否都加载了。我有主要的应用程序： const App = () => {} 这是在所有A、B和have调用是否都已加载时返回的APIStatus： class APIS
浏览 46提问于2021-03-01得票数 1
回答已采纳
4回答
所以我想用react调用API，我的数据没有正确显示，我知道我做得对，但是我是否遗漏了什么，因为我不知道为什么它仍然显示加载 import React from 'react'; constructor (props) { this.state= {
浏览 2提问于2019-07-01得票数 0
我尝试使用reactjs (从localhost:80)来调用() Magento2API，但它只返回错误:服务器响应状态为401 (未授权)“importReactDOM from "react-dom"; constructor(props) {
super(props);
浏览 4提问于2020-07-30得票数 1
回答已采纳
我有一个连接到商店的容器，它每秒钟更新一次： value: match.getIn([matchId, 'masterCurrentTime/ i only want to do this on first render但是，其中一个属性(highlightList)执行以下两种操作之一：2)下载文件，将其保存到sessionStorage，然后返回
当然，我不
浏览 2提问于2016-12-01得票数 0
回答已采纳
第一个useEffect用于获取用户的数据，第二个用于在金钱或运气发生变化时进行储蓄。= useState(10); const getUser = async () => { CalculateRaritySuffix(data.rarity) * );
setSold(falsemon
浏览 3提问于2022-08-09得票数 0
回答已采纳
我一直在尝试将react-redux-firebase集成到我的react应用程序中。除了受保护的路由之外，一切都正常import React from "react";
import { Route, Redirect } from "react</e
浏览 4提问于2020-06-24得票数 2
2回答
我已经在一个三元操作符中有一个单击事件，它从我的API中执行GET请求。单击该按钮时，该按钮将消失，数据文本将替换该按钮(按钮消失)。但是在get请求和文本显示之间有一个很小的时间间隔。下面是我的代码：import axios from "axios";
export default class FoodDataextends React.Com
浏览 14提问于2020-02-04得票数 0
回答已采纳
首先，感谢您的帮助。我是个新手，来自PHP/Wordpress背景。我试图将来自WordPress应用程序接口调用的项添加到一个状态中，但是当我尝试从该应用程序接口调用中访问信息时，它总是给我一个未定义的错误。这是我的代码，我希望有人以前处理过这个问题，并能提供帮助。import React from "react";
import { Browser
浏览 0提问于2020-04-09得票数 0
我正在发出一个JSON请求，它返回一个JSON对象。我无法读取未定义的属性“名称”。import React, { Component } from 'react'; API_KEY: process.env.REACT_APP_OPEN_WEATHER_MAP_API_KEY
}:
浏览 0提问于2019-04-01得票数 1
回答已采纳
2回答
每当我尝试使用React中的' fetch‘方法从REST API中获取数据时，我都会收到'has been by CORS policy: No 'Access-Control-Allow-Origin问题是，我对react和API的工作还很陌生，所以我不太确定它们是什么。带头部的componendeDidMiunt可能是什么样子的？constructor(props) {
super(prop
浏览 0提问于2019-04-15得票数 0
当我从react应用程序用axios执行REST调用(get)时，它说响应是未定义的。但当我试图在邮递员中打同样的电话时，它显然给出了正确的回应。反应不能得到正确的反应。我如何解决这个问题？class Blogpost extends React.://178.62.198.162/api/posts',
headers: {'token
浏览 0提问于2019-05-09得票数 0
5回答
原始代码来自一个tuto：在那里都很好。我尝试使用钩子新特性。我写的新代码失败了。import React, { useState, useEffect } from 'react'
export def
浏览 2提问于2019-05-26得票数 0
回答已采纳
我有一个函数调用isAuthenticated，它检查令牌的有效性，如下所示： }在我受保护的路径中，如果前面的函数返回false，我不会重定向这个人。但是在protected.route.js文件中，函数在第一次返回时不等待我的isAuthenticated函数返回：
浏览 0提问于2020-05-07得票数 0
回答已采纳
我正在尝试创建与以下PrivateRoute类组件等效的功能组件(源代码)：import { RoutePrivateRoute extends React.Component { loaded: false, }const [isLoaded, setIs
浏览 4提问于2020-03-28得票数 1
回答已采纳
我在react.js项目中工作，我必须从JIRA rest api中获取数据并使用react.js显示它。当我直接从浏览器访问API时，它工作得很好，但当我尝试使用react.js获取它时，它会导致下面的错误。CORS策略已阻止对从源'‘获取'API’的访问:请求的资源上不存在' Access -Control-Allow- origin‘标头。如果不透明的响应满足您的
浏览 2提问于2018-11-28得票数 0
我正在尝试为我正在处理的英雄联盟API项目执行多个API提取调用。我必须执行多个API调用的原因是首先获取用户的accountId。当我使用第一个API调用获得帐户ID时，我需要使用accountId进行第二个API调用，以获得玩家的比赛历史数据，这可以通过第二个api调用来完成。总的来说，我试图让玩家的比赛历
浏览 2提问于2020-08-24得票数 0
回答已采纳
我想知道我应该在react生命周期中从哪里获取数据。export const fetchUser = () => async dispatch =>{//using redux-thunk
在我的呈现函数中，我试图通过调用<
浏览 34提问于2018-06-01得票数 5
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
