react-fetch-api 相关问题


React 中 fetch 调用后的清理函数

const[imageContainer,setImageContainer] = useState([]) 常量导航 = useNavigate(); 使用效果(()=>{ Promise.all([ fetch("https://www.themealdb.com/api/json/v1/1/


测试具有 fetch 的 React 自定义钩子

我写了一个简单的自定义钩子。它所做的只是通过 fetch 调用 api,将数据保存在一个状态中,然后返回该状态,以便组件可以使用它。 下面是 useTodo 的代码...


如何访问NodeJS中的FetchError类

NodeJS 18 对 fetch 提供了实验性支持 https://nodejs.org/dist/latest-v18.x/docs/api/globals.html fetch 函数抛出 FetchError 实例,我需要在 try-catch 中使用 insta 对其进行分析...


OpenAPI 生成器 - typescript - 如何设置 API 密钥?

使用 OpenAPI typescript Generator,如何设置 API 密钥? 这是使用 typescript-fetch 生成器执行此操作的方法 const api = new DefaultApi(新配置({ apiKey: apiEndpoints.


通过 fetch 函数访问 API 不起作用

我有一个 API 端点,可以从服务器清除缓存。端点需要在 API 调用中传递身份验证令牌。当我尝试通过邮递员请求 API 时,它可以工作......


Graphql 日期范围作为输入字段

我正在为汽车库存实现一个 GraphQL API,它存储注册、inDate、outDate 等信息。 我需要实现一个 fetch API 来检索所有来的汽车的信息...


Nuxt 3:如何从浏览器网络 Fetch/XHR 请求列表中隐藏服务器 api 调用请求?

我有 Nuxt 3 项目,有两个页面和一个服务器 api: 配置文件:nuxt.config.ts 导出默认的defineNuxtConfig({ 路线规则:{ '/api/**': { 缓存:{ maxAge:60 ...


在 React 中使用 fetch 与 Flask app.route 无法获取正确的信息

我目前正在尝试使用 React 前端和 Flask/Python 后端创建一个标准网站。我有一个单独的文件 server.py,我在其中从 NewsAPI 获取数据并解析它: 从烧瓶我...


来自 Node.js 的 Fetch() 调用总是创建新的 Express 会话

下面是网上商店服务器的精简部分,具有 2 个 API:./login 用于登录,./products 用于显示产品。产品仅应在成功登录后显示。 我正在使用 TypeScript ...


使用React原生Picker显示获取的数组

我正在使用 fetch 来获取数组数据,然后将它们推送到一个数组中,这样我就可以将它们显示为我的反应本机选择器项目,这是我的代码: 状态={ 选定值:'', 数据 : [] };


JS Fetch 在给定“application/json”标头时返回 HTML

我有一个 API 的获取请求代码,我知道它会返回 JSON(请参阅下面的节点 - https 请求。)但是,即使我设置了“应用程序...”的标头,响应也会以 text/html 形式返回。


无法使用推送流将 azure tts 从服务器传输到客户端;客户端的响应大小为 0,服务器正在工作

我正在尝试使用 Fetch API 和 PassThrough 推送流将 Azure TTS 从我的服务器流式传输到客户端。预期结果是分块接收流。实际输出是


React Router v6.4+ 数据 API:重试加载程序而不显示错误

使用react-router 6.21.1和新的数据api,我的路由设置如下: 常量路由 = [ { 元素: , 错误元素:, 孩子们...


饼图未使用 Chart 在 React 中渲染

我在使用react-chartjs-2库和Chart.js在React组件中渲染饼图时遇到问题。图表的数据是从 API 获取的,图表预计


使用 React hooks 获取输入值以在 oMdb api 上搜索

我想使用 React Hooks 通过 oMdb api 进行电影搜索。 结果并不如预期。我似乎违反了一些我不明白的 React Hooks 规则。 这是代码。 挂钩搜索 H...


安装pact-lang-api后Webpack/polyfill出错

在尝试连接刚刚使用 create-react-app 创建的 React 前端时,在将 pact-lang-api 导入应用程序后运行 npm run start 时收到此错误消息: ./


如何使用react-query停止在页面加载时重新获取数据

我有一个react-js页面。我正在使用 React 查询从 API 获取数据。我想将第一次页面访问时来自 API 的数据存储在缓存中,之后总是从...读取数据


创建 React Native 应用程序以从 Web/API 付费或免费获取和玩 HTML5 游戏

我正在开发一个 React Native 项目,我想构建一个应用程序,允许用户玩从网络或 API 获取的 HTML5 游戏。我对 React Native 比较陌生,我正在寻求指导......


React:监听设备(API端点)

我有一台只有一个端点 API 的设备 (SMSMachine)。 我的目标是监听设备自动执行的所有异步设备通信以及 API 调用的响应...


在 ASP.NET Core 7 WebAPI 上运行 React-App 构建

我有一个 ASP.NET Core 7 WebAPI,有很多路由,例如: domain.com/Api/Product/GetAll domain.com/Api/Product/Delete/ domain.com/Api/Product/Create ... 我有一个反应应用程序,我需要使用它


我如何从react-redux中的api调用的数据中过滤值

我正在使用react和redux从API调用中获取数据,现在我创建了一个新变量并为其分配了相同的数据。在代码中,我将操作这个名为


React Native Axios 获取响应已跳过且状态代码 0

我的 React Native 应用程序出现问题。在访问 API 时,我收到一个响应 Skipped 和状态代码 0。它是通过使用 Reactotron 记录 api 响应来显示的。但是当我console.log错误时,它


Discord.js 聊天机器人

请帮助我。这是我下面关于discord.js 聊天机器人的代码 const fetch = require("node-fetch"); const {ChannelType} = require("discord.js"); client.on('messageCreate...


React 作为 @vue/apollo-composable 的依赖项

我有一个使用 Composition API 的 VueJs 应用程序。我想使用 apollo 向我的 GraphQL 后端进行查询,但收到错误无法解析“react”。 我的依赖项是:“@...


如何检查 fetch 的响应是否是 javascript 中的 json 对象

我正在使用 fetch polyfill 从 URL 检索 JSON 或文本,我想知道如何检查响应是 JSON 对象还是只是文本 fetch(URL, 选项).then(响应 => { // ...


React 中的filter() 和map() 数据到单选按钮

我正在从 API 获取以下格式的数据: const 汽车属性 = [ { "key": "品牌", “价值观”:[ { ...


ASP.NET/React.JS - 使用 React-email 时无法获取 API/CORS

我有一个 React 应用程序在端口 44411 运行,react-email 在端口 3000 运行。 我看过一个有关如何设置反应电子邮件和重新发送的 YouTube 视频,但它立即不起作用。所以在摆弄我之后...


如何将base64转换为pdf React-Native

我使用react-native创建了一个应用程序,并有一些来自的base64数据 API。我想将 base64 数据转换为 pdf 格式。如果你有什么想法 请帮我。谢谢。


由于 URL 构造不正确(404 Not Found),React 组件未显示获取的数据

我正在开发一个 React 组件,以使用 Axios 从 Django REST Framework API 获取数据。但是,该组件没有显示获取的数据,并且我遇到了 404 Not Found 错误...


使用 fetch() 时,Express.js res.redirect() 不起作用

当我使用 fetch() 访问具有 res.redirect() 的端点时,我不断收到 CORS 错误。只有当我使用 fetch() 时才会出现问题,因为如果我直接输入浏览器的地址,重定向就可以正常工作...


有没有办法动态改变react-query查询?

我有一个带有react-query的next.js项目。基本上我需要做的是在主页上显示 API 中的所有国家/地区,但还有一个按名称搜索的输入,以及一个选择搜索...


如何减慢React应用程序中的Axios获取速率?

我目前面临一个问题,即我过快地向第三方 API 发出过多请求,超出了 API 的请求限制率并导致 409 错误状态代码。我的目标是


单击 p 标签旁边的按钮时获取 p 标签的内部文本(无 Jquery)

我有几个盒子,每个盒子都包含按钮和一个 元素,其内部文本是由 API 中的数据创建的。我在每个框上放置了一个 onclick(包裹 的 ) 我有几个盒子,每个盒子都包含按钮和一个 <p> 元素,其内部文本是由 API 中的数据创建的。我在每个框上放置了一个 onclick(包裹 <div> 元素和按钮的 <p>)。我希望每次单击该按钮时,位于该按钮旁边(位于同一 div 中)的 innerText 标签的 <p> 都会控制台日志。目前无法弄清楚,这就是我到目前为止所得到的: const containerShapes = document.getElementById("container-pock-shape") fetch("https://pokeapi.co/api/v2/pokemon-shape") .then(res => res.json()) .then(data => data.results.map(item => { return containerShapes.innerHTML += `<div class="shape-box" onclick="showName(event)"> <p>${item.name}</p> <button>Select</button> </div>` })) function showName(e) { console.log() } #container-pock-shape { display: flex; flex-wrap: wrap; } .shape-box { border: 2px solid red; display: flex; flex-direction: column; align-items: center; padding: 10px; width: 200px; } .shape-box p { background-color: grey; width: 100px; text-align: center; font-weight: 900; } <body> <div id="container-pock-shape"> </div> </body> 您可以使用最近的。当您需要 forEach 或正确使用地图时也不要使用地图 我还强烈建议授权(点击 div) const containerShapes = document.getElementById("container-pock-shape") fetch("https://pokeapi.co/api/v2/pokemon-shape") .then(res => res.json()) .then(data => containerShapes.innerHTML = data.results .map(({name}) => `<div class="shape-box"> <p>${name}</p> <button>Select</button> </div>`)); containerShapes.addEventListener("click", e => { const tgt = e.target.closest("button") if (tgt) console.log(tgt.closest("div.shape-box").querySelector("p").innerText) }) #container-pock-shape { display: flex; flex-wrap: wrap; } .shape-box { border: 2px solid red; display: flex; flex-direction: column; align-items: center; padding: 10px; width: 200px; } .shape-box p { background-color: grey; width: 100px; text-align: center; font-weight: 900; } <body> <div id="container-pock-shape"></div> </body> 要获取名称,由于事件位于整个 div 上,因此您需要使用 querySelector 并找到内部 <p> 元素并获取其文本。 const containerShapes = document.getElementById("container-pock-shape") fetch("https://pokeapi.co/api/v2/pokemon-shape") .then(res => res.json()) .then(data => data.results.map(item => containerShapes.innerHTML += `<div class="shape-box" onclick="showName(this)"> <p>${item.name}</p> <button>Select</button> </div>` )) function showName(box) { const name = box.querySelector('p').textContent; console.log(name); } #container-pock-shape { display: flex; flex-wrap: wrap; } .shape-box { border: 2px solid red; display: flex; flex-direction: column; align-items: center; padding: 10px; width: 200px; } .shape-box p { background-color: grey; width: 100px; text-align: center; font-weight: 900; } <body> <div id="container-pock-shape"></div> </body> 执行此操作的另一种方法是将单击事件仅添加到按钮,然后查找 closest 形状框,然后找到 <p>。 const containerShapes = document.getElementById("container-pock-shape") fetch("https://pokeapi.co/api/v2/pokemon-shape") .then(res => res.json()) .then(data => data.results.map(item => containerShapes.innerHTML += `<div class="shape-box"> <p>${item.name}</p> <button onclick="showName(this)">Select</button> </div>` )) function showName(button) { const name = button.closest('.shape-box').querySelector('p').textContent; console.log(name); } #container-pock-shape { display: flex; flex-wrap: wrap; } .shape-box { border: 2px solid red; display: flex; flex-direction: column; align-items: center; padding: 10px; width: 200px; } .shape-box p { background-color: grey; width: 100px; text-align: center; font-weight: 900; } <body> <div id="container-pock-shape"></div> </body> 嘿,我最近找到了解决此问题的简单方法(当然,如果您的文本不像按钮文本那样太长):您可以将内部文本作为元素的 id 提供。并且在事件处理程序中,您可以通过以下方式访问内部文本:这样:e.target.id希望这个解决方案可以帮助你:)


我们可以在跨平台使用android/ios sdk吗,比如react native/flutter/ionic

mapmyindia(mmi) 提供适用于 Android 和 ios 的地图 sdks 以及适用于 Web 的地图 api SDK 可以免费使用,但 API 不能免费使用 但是混合动力呢 我可以在 ionic/flut 中使用 mmi(不是 api)的 android 或 ios sdks...


在JS/TS中构造RSA公钥

我有一个 C# Web api,它将公钥传递给 React 应用程序。我需要使用该公钥来加密有效负载/消息,然后将其发送回我的 api。但是,我在重建时遇到了麻烦...


如何在 React 中使用 github api 来显示 github 用户信息?

我开始制作一个 React 应用程序,它可以通过用户名搜索 github 用户,其中的组件显示用户名、个人资料头像、关注者数量、用户正在关注的人以及


当我点击搜索按钮时如何更新反应组件?

我是 React 和 javascript 新手,正在尝试访问公共 api。我有以下功能: 从“反应”导入{useState}; 从“./CountrySWR&q...


拦截FetchBackend的fetch请求以添加授权头

有没有办法拦截FetchBackend的fetch请求来添加授权头? 我尝试使用 HttpInterceptor 拦截这些获取请求,但它似乎不起作用......


如何使用 python 从 Fetch/XHR 获取 Respose JSON 数据?

如果我在 https://lei-registrations.in/portal 的搜索框中搜索数据“ditech process Solutions private Limited”,那么如何使用 pyt 从 Fetch/XHR 获取响应 JSON 数据或请求 URL...


Javascript Fetch 没有得到响应

我通过 javascript fetch 调用身份验证服务来获取访问令牌。该服务是一个简单的 RESTful 调用。我可以使用 fiddler 看到调用成功(有 200 响应和 j...


React Native Axios 正在发送整个对象,而不仅仅是值

这让我发疯。我只是尝试将日期发布到我的 api,但收到“JSON 值无法转换为 System.DateTime”的 json 错误。 原因是axios或者


当多个API的Access token同时失效时,如何刷新并行调用的多个API的Access token?

在我的 React Native 应用程序中,我在登录后获得访问令牌和刷新令牌。 有一个常用函数,当访问令牌无效时,使用刷新令牌再次调用访问令牌...


如果没有定义如何添加全局变量

当 d3.js 迁移到版本 4 时,对 Api 进行了重大重写,并对模块化打包进行了更改。 我不想升级到 d3.js 版本 4,但我必须重写 React/redu...


当我尝试在 React 中使用 put 方法时,出现错误 400:“该字段是必需的”

我看不出代码中有什么问题;我想使用 Put 方法,但是当我这样做时,API 返回的响应是: “错误”:{ “$”:[ “JSON 值 c...


如何在函数组件中保留对计时器的引用

React 有 useRef,它允许我保存对对象的引用。我正在尝试使用计时器开始重复调用 api。当用户点击停止时,我想停止重复调用,...


如何在ReactJS中发出PATCH请求

我正在尝试从我的 React 前端向我的 NodeJS API 发送 PATCH 请求。我想要一种情况,如果您单击编辑按钮,初始名称价格会出现在输入中以进行必要的编辑。


在React应用程序中获取文档滚动百分比的最佳方法是什么?

我想知道用户何时接近文档底部,以便我可以从 API 获取下一页数据。 我目前有这个片段,我用它来获取滚动位置和


等待一系列axios调用返回

我正在编写一个用于提交时间表的 React 应用程序,并且在尝试一次提交一堆条目时遇到问题。每个条目都必须在单独的 API 调用中提交,所以我所拥有的......


React Axios Basic Authentication,如何防止弹出对话框显示

我已经实现了一个带有基本身份验证的API 当我提供正确的用户名和密码进行身份验证时,它工作正常, 但是,问题是当我提供错误的用户名/


是否可以实现Active Directory IDP认证和MySQL数据库认证相结合

我们的团队使用 React 和 .NET Core API 开发了一个教育 Web 应用程序。目前,我们的应用程序使用数据库身份验证。该应用程序适用于个别教师...


© www.soinside.com 2019 - 2024. All rights reserved.