React JS多个API调用，数据未定义或通过数据的意外保留字'await‘映射：

文章/答案/技术大牛

发布

1回答

javascript、reactjs、axios

我正在创建一个JS函数，它将调用API，遍历返回的数据并执行另一个调用，以检索有关初始数据的更多信息(例如，第一个调用返回一个ID，第二个调用将返回该ID对应的名称/地址/编号)。然而，事实证明，定位async和await关键字比我想象的更具挑战性： useEffect(() => { const getAppointments

浏览 9提问于2021-04-11得票数 0

回答已采纳

3回答

带有钩子的功能组件导致“无法读取未定义的属性映射”。

javascript、reactjs

我做了一个经典的组件和一个功能组件，它们都应该做同样的事情。它们都从我的API中提取数据，然后将其映射到Div。但是，这并不适用于functional，我宁愿使用带有钩子的函数组件。我知道这是因为当组件第一次加载时，Games是未定义的，它试图映射未定义的对象，但是经过一个小小的延迟之后，API调用就完成了，而Games现在是一

浏览 5提问于2020-01-12得票数 3

回答已采纳

1回答

在React中，如何将收集数据对象映射到接口

reactjs、typescript

我有react组件，在其中调用API并获取数据收集。我已经定义了一个接口，我希望将传入的数据从API映射到在react中定义但未定义的接口。我知道一种选择是使用map，但我正在尝试将值赋值给变量。number,address: string, id: number, ]

浏览 2提问于2020-12-20得票数 0

回答已采纳

3回答

TypeError:当我尝试访问API调用数据时，无法读取未定义的属性'map‘

javascript、reactjs、api

我正在尝试用React制作一个电影搜索应用程序，并且已经对电影数据库API进行了API调用。我有这个表格，我想要做的是获得我正在搜索的电影的数据。我不能从API调用中访问数据，并且我得到这样的错误：“未捕获映射:无法读取未定义的属性‘TypeError’”。我有两个js文件:1 index.<

浏览 0提问于2020-10-01得票数 0

2回答

为什么这个异步api调用在react中不能工作？

javascript、reactjs

这是的后续问题);}import axios from "axios"; /** defin

浏览 0提问于2020-05-26得票数 0

回答已采纳

2回答

更新Redux状态并使用mapStateToProps错误将更新后的数据导入组件

javascript、redux、react-redux

我正在学习并试图用反应来理解Redux return { }我只想通过调用调度函数来测试是否可以通过单击按钮来更新状态另一个console.log是App.<

浏览 3提问于2021-05-05得票数 0

回答已采纳

1回答

React:如何在呈现子组件之前等待支柱数据

javascript、reactjs、react-native、graphql、mapping

我有一个名为Dashboard的父组件和一个名为DashboardTable的子组件。我能够在父元素中成功地进行异步graphql调用，并将数据传递给子组件。问题:道具数据需要花一秒钟的时间来加载，所以在获得数据之前，它会返回一秒钟未定义的数据(使用console.log()进行验证)。该延迟会导致映射函数中的错误。错误:无法读取未定义的属性(读

浏览 5提问于2022-12-02得票数 0

回答已采纳

2回答

将异步API调用导出到另一个文件

javascript、reactjs

我试图将api调用从返回/呈现中分离出来，但是当导入团队(包含数据)时，显示为未定义的。是因为异步等待功能吗？如何导出数据并将其映射到Teams.js的返回中？是否有更好的方法将Api调用与返回/呈现组件分离？FormTeams.js import { useState, useEffect } from 'react</e

浏览 5提问于2022-03-07得票数 0

回答已采纳

1回答

有没有办法使用useRef()在React函数组件中缓存来自redux connect的数据？

reactjs、react-redux

我在类组件中缓存数据方式如下: 1.在componentDidMount中进行异步API调用2.通过redux获取API响应和分派数据3.通过将状态映射到prop来使用响应数据我想要做的是在函数组件(它在类组件上工作)中的useEffect内获得映射redux状态值的API响应后，立即缓存数据。;

浏览 24提问于2019-12-30得票数 0

1回答

异步等待api返回未定义的反应性js

node.js、reactjs、mongodb、express、material-ui

我真的不明白为什么，如果我使用asyn等待直接调用api，并且在useEffect()内部的组件挂载时立即获得数据，但是当我从我的selectApi.js调用getLevels()时，它会在组件挂载时返回未定义的数据见下面的代码：import axios from "axios"; import React, { useEffect, useSt

浏览 3提问于2022-06-18得票数 1

回答已采纳

2回答

正在使用React* Hooks获取数据-无法读取未定义的属性'map‘*

javascript、reactjs、async-await、axios、react-hooks

正在尝试使用React Hooks从NHL API获取数据。当我在return语句中注释掉标记及其内容时，我的控制台日志确实成功地获取了API。然而，当标签的内容( .map语句)显示“无法读取未定义的属性‘映射’”时，我在控制台中收到一个错误。试图找出显示此错误的原因，以及为什么我无法映射从API定义的数据。App.JS<

浏览 15提问于2020-02-08得票数 1

回答已采纳

2回答

可以在第一次渲染时映射，但在刷新显示时不能映射未定义的

javascript、reactjs、react-hooks、next.js

尝试显示来自API的内容。在第一次渲染时，显示的信息(电影标题)没有任何问题。当我刷新时，它显示不能映射未定义。api_key=${process.env.NEXT_PUBLIC_API_KEY}&language=en-GB&page=1&region=GB` const data = await{results: [ {title: 'The Godfather'

浏览 8提问于2020-07-09得票数 0

回答已采纳

1回答

解决组件的多重渲染。useEffect、useState和Axios

javascript、reactjs、axios、react-hooks、use-state

我有一个React功能组件，它调用axios，将其设置为state，并将在呈现中使用该数据。当前代码： WeatherPanel.jsx import React, { useEffect, useState } from "react"; </> <>Loading</>

浏览 17提问于2020-07-14得票数 1

2回答

循环/映射/迭代对象导致无法读取未定义(读取'map')错误的属性，但存在数据

javascript、reactjs、react-component

我有一个从API端点获取数据的react组件。为了调试的目的，当我调用API时，我将API调用的结果记录到控制台，它看起来如下所示：我遇到的问题是，当我试图在组件中呈现BreadCrumbLinks属性时，会得到以下错误：在BreadCrumbHeader 我得到了一个“

浏览 8提问于2022-06-02得票数 0

回答已采纳

1回答

获取旧存储数据的第二个操作调用

javascript、reactjs、redux、material-ui

我是Javascript和Reactjs的初学者。当一个按钮被点击时，我试图调用多个动作。第一个操作更新存储数据，第二个操作采用更新后的存储数据来调用api。当我运行它时，第一个操作运行良好，存储正在更新，但第二个操作是获取旧的存储数据，而不是更新的数据。有人能告诉我怎么解决这个问题吗？我的代码结构大致如下 import React from &

浏览 19提问于2020-07-14得票数 0

回答已采纳

1回答

接口返回数据，状态未定义- React.JS

javascript、reactjs

我有一个REACT组件： import React from 'react'; constructor，该文件使用fetch调用终结点。我调用的端点返回的</em

浏览 16提问于2020-01-14得票数 0

回答已采纳

4回答

使用RTK查询React/Redux获取API时未定义的错误

reactjs、react-redux、undefined、rtk-query

对于数据中的多个组件，我一直得到相同的未定义数据错误，它运行良好，但出于某种原因，它停止了获取数据，并开始意外地给出未定义的数据。这是我的store.jsimport { cryptoApi)

浏览 11提问于2022-04-18得票数 4

2回答

react查询: useQuery返回未定义的组件，并且组件不重发

reactjs、typescript、axios、react-query

我正在玩reactQuery的一个小演示应用程序，你可以在回购中看到。该应用程序调用模拟API。我被困在一个问题上，我使用useQuery钩子在产品API 中调用这个函数 export const getAllProducts = async (): Promise<Product[]> => {const productEndPoint = 'http://localhost:5000/api/product'

浏览 20提问于2021-10-13得票数 5

回答已采纳

3回答

如何从javascript中的API调用向React组件返回值

javascript、reactjs、api、fetch

我似乎无法在javascript中将此API调用的值返回给我的react组件。我有一个调用API的java脚本文件。在js文件中，返回结果，但是当我在react组件中调用useEffect中的js函数时，它返回未定义。let data = [] let error = '

浏览 28提问于2021-10-28得票数 0

1回答

我应该在调用堆栈的多高位置使用await来等待异步函数？

javascript、reactjs、asynchronous、async-await

我使用的是typescript/react，我对异步函数的理解是基本的。我必须进行两个API调用，并且我有一些函数可以从我的UI中异步调用它们。我绝对需要完成这些调用才能正确地呈现组件，但感觉必须将整个组件的函数声明为异步才能实现。我之前在getOverview()中通过添加await修复了一个问题，但是现在，我的问题是createPage()函数不会

浏览 2提问于2020-11-04得票数 0

点击加载更多