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 的代码...


多次执行fetch

我已经构建了一个javascript函数来创建一个项目(=图片+标题+类别) 使用使用 fetch 的 API。 API响应后,我修改DOM以显示新的项目列表。 初始化...


如何访问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.


“Access-Control-Allow-Origin”-Twitch API 出现错误

我尝试在一个小型 JavaScript 项目上使用 twitch.tv API 获取一些数据。 这是获取请求: fetch("https://api.twitch.tv/helix/chat/emotes/global", { 头...


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

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


Graphql 日期范围作为输入字段

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


将 ReadableStream 拆分成行

假设我有一个 ReadableStream 对象(来自 Streams API Web 标准): 让 ReadableStream = (await fetch('http://example.com')).body; 我知道我可以逐块读取它,其中块大小通常...


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 时收到此错误消息: ./


在 axios 设置 auth headers 之前响应调用 API 请求

我正在尝试将 AuthContext 设置为 React,但遇到了一个问题:React 在 axios 设置请求中的 auth 标头之前调用 API。这会导致第一次渲染丢失时 API 失败


如何使用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调用中获取数据,现在我创建了一个新变量并为其分配了相同的数据。在代码中,我将操作这个名为


Discord.js 聊天机器人

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


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

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


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 格式。如果你有什么想法 请帮我。谢谢。


Laravel 11 cors 错误 - 已被 CORS 策略阻止:对预检请求的响应未通过访问控制检查:

从来源“https://laravel-react-survey-form.onrender.com”访问“https://laravel-react-survey-form-production.up.railway.app/api/signup”处的 XMLHttpRequest ' 已被 CORS p 锁定您的文本...


我在使用 youtube v3 api 和 RAPIDAPI 时不断收到错误消息

我在 youtube 上使用 javascript mastery API 课程来尝试创建 YouTube 克隆,但是在尝试使用 API 获取视频时,我遇到了一些错误,并且 React 应用程序停止了重新渲染。


Android 10 无法创建密钥(反应本机应用程序)

我面临着react-native-passkey lib的问题 文档上说“使用 React Native 在 iOS 15.0+ 和 Android API 28+ 上使用本机密钥”。 我正在构建 .apk 文件,将密钥配置为文档...


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

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


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

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


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

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


单击 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希望这个解决方案可以帮助你:)


React 中的 ChatGPT API 无法读取 null 属性(读取“useRef”)错误

因此,我尝试按照此 yt 教程将 chatgpt api 集成到我的代码中。但是,我不断收到“无法读取 null 的属性(读取“useRef”)”的运行时错误。 我已经...


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

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


我们可以在跨平台使用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...


浏览器在发送请求进行身份验证时不保存 cookie

所以我使用express构建了一个API。现在我正在使用 React 和 Vite 创建前端。 当我的前端向 api 登录路由发送请求时,响应包含相应的 Set-Cookie


拦截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或者


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