React TypeScript:如何使用fetch获取表单值和响应代码

文章/答案/技术大牛

发布

3回答

javascript、reactjs

我已经设法将电子邮件和密码硬编码到fetch请求中，但我想从表单中获取这些值。另外，当我得到响应时，我如何检查响应代码是200还是400？import React, { useState } from 'react'; const ButtonSp

浏览 39提问于2019-09-03得票数 3

回答已采纳

1回答

在不使用React State的情况下访问React Native中获取的数据

javascript、typescript、react-native

我有一个typescript函数，它负责使用React Native fetch函数从NASA api获取数据，并返回一个类型为Item[]的自定义对象。问题是这个函数返回的对象总是[]。然而，我希望这是一个独立的typescript函数，在任何React组件之外，所以我不能使用state。在不使用React Native状态的情况下访问typescript中获取的JSON

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

回答已采纳

3回答

TypeError:未能在Reactjs中提取

reactjs、fetch

我正在使用fetch在后台发布数据。每一次，它都是成功的，但有时它捕获了错误数据已发布，但仍然显示错误。我是通过代码获取的：- Compose.js method: 'POST',成功:- 捕获错误：- Catch正在记录错误，但仍在发送数

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

2回答

如何制作Post (to api)

reactjs

我想知道如何收集输入的值，并将它们保存在状态中，以便在服务器上发布帖子。谢谢!

浏览 5提问于2022-10-14得票数 -3

1回答

如何根据另一个请求的响应向API发出请求？不能在回调中调用React* Hook "useSwr“*

javascript、reactjs、typescript

我很难弄清楚如何根据来自另一个请求的响应向API发出请求。我正在向API发出请求，并从响应中提取IP地址。然后，我想使用IP地址作为第二个API的输入，向另一个API发出另一个请求。当我尝试下面的代码时，我得到了错误React Hook "useSwr" cannot be called inside a callback.React Hooks must be called in a React function compone

浏览 120提问于2020-12-16得票数 3

0回答

本机react尝试解析内置的fetch函数

node.js、facebook、reactjs、react-native

我正在尝试使用react-native中的fetch函数从web中获取一段数据。根据我对文档的理解，fetch函数是这样做的时候，我在附加的屏幕截图中得到了模块解析错误，无论出于什么原因，react本地捆绑程序都试图使用我的~/.cache目录中typescript提供的fetch我之前已经通过npm全局安装了typescript 2.6，我卸载了它，看看是否可以修复问题，但错误仍然存在。我应该注意到，我

浏览 2提问于2017-11-24得票数 0

回答已采纳

1回答

ReactJS Fetch* POST导致不需要的刷新*

javascript、reactjs、post、fetch

我已经创建了一个react应用程序，可以在表单中获取图片文件和其他一些输入，并使用fetch "post“将它们发送到API。一切都很好，api完成了它的工作并返回正确的响应，如alert函数所示。但是，获取完成后，页面会立即自动刷新。我想在fetch之后重定向到另一个带有响应数据的页面，但由于这个问题，它返回到表单页面。下面是我的代码： export default f

浏览 55提问于2021-07-05得票数 1

回答已采纳

1回答

在获取数据时使用useEffect和useContext

javascript、reactjs、next.js

我正在努力学习如何使用React的上下文API和Hooks，并尝试在使用fetch()的项目上工作。

浏览 0提问于2019-09-08得票数 2

回答已采纳

1回答

withFormik HOC中带有类型文本集的格式

reactjs、typescript、formik、react-typescript

我正在添加带有类型记录的formik并对我的项目做出反应，所以我使用withFormik钩子作为临时工具，我面临的问题是我无法为从api获得的响应设置初始值(在HOC中定义)。FormikProps } from "formik"; title: string; u

浏览 1提问于2021-09-11得票数 1

回答已采纳

1回答

使用Reactjs将请求发布到Azure DevOps Rest

reactjs、azure-devops-rest-api

DevOps中硬编码新存储库的方法，但我的真正目标是创建一个用户界面，该界面允许用户指定由以下内容组成的请求主体：用户将使用新存储库的所需名称填写第一个输入字段第二个输入字段应该使用GET请求，该请求在下拉列表中显示组织中的所有可用项目。我也在使用.NET Core3.0，并且相信这可能也必须通过一个API控制器来完成，但我不确定。我对React几乎没有经验，也不知道如何以及在哪里指定请求

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

1回答

Spring Boot使用React添加UI

reactjs、rest、spring-boot、spring-data-jpa

下面是我的Rest-Api控制器和示例方法：@studentService.getStudentById(theId); } 我设置了react我如何</em

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

1回答

反应-土著世博会后布洛布

javascript、typescript、react-native、expo

我使用react本机和expo，并试图通过fetch api发布blob映像。我正在为主体使用表单数据格式，我有下一个代码： const form = new FormData()method: 'POST', body: form return thi

浏览 1提问于2021-02-25得票数 11

回答已采纳

1回答

从本地存储的.csv文件提取数据并传递到Plottable.js表之后，从promise提取值

javascript、reactjs、typescript、plottable

我试图在其中实现预期结果的项目是一个运行Storybook.js的TypeScript、React项目。我在React应用程序的公共文件夹中存储了一个csv文件。csv包含日期和值数据，我希望使用这些数据来绘制用于测试目的的图形。目前，我使用下面的函数来获取数据： private fetchFromUrl = async() => { const response = fetch(`${process.env.PUBL

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

2回答

有没有办法添加鉴别器属性，以便使用Axios + Typescript将数据读取到已判别的联合对象中？

reactjs、typescript、axios、discriminated-union

我想使用Axios客户端实例将数据从API读取到Typescript识别的联合对象中。type UnionTypeA = { prop2: number;} // Within function or react我期望response的值为{ prop1: 1, prop2: 2, discriminator: "A" }，并且typescript编译器允许我在

浏览 39提问于2021-07-03得票数 0

1回答

获取后导航到包含React组件中数据的另一页

javascript、reactjs、typescript、react-router

我是React + typescript的新手，正在尝试使用"react-router-dom“来创建一个登录组件来与我的后端服务器通信。基本上，我正在尝试创建一个类"Login“，在提交表单时，它将触发对我的服务器的fetch请求。如果来自我的服务器的响应是OK的，那么我将导航到包含输入数据的另一个页面。问题是，我不希望登录凭据出现在url中，钩子规则阻止我在检查fetch响应的状态代码后<em

浏览 0提问于2021-12-03得票数 1

1回答

TypeScript中的fetch()参数问题

typescript、asp.net-core、react-redux

我使用ASP.NET 6.0和React+Redux创建了小型应用程序。我创建了名为" ToursController“的Controller，并在Tours.ts存储中使用fetch(`tours`)从ToursController中获取数据。但是Tours.ts用fetch("tour")将其转换为Tours.js。所以我找不到404。为什么fetch(`tours`) in TypeScript转换

浏览 2提问于2022-03-23得票数 0

1回答

TypeScript React:使用useRef获取表单值

reactjs、typescript

我想将表单中的任何值发布到API，我使用useRef来获得这样的表单……提交函数 const response = await fetch(baseUrl, { body,method: 'post'});<

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

3回答

差异b/w反应类型记录，反应JavaScript和反应本土化？

javascript、reactjs、typescript、react-native

我对React 、React类型记录和React 有混淆。像角度一样，我们可以使components，services在他们(反应JavaScript，反应类型转录和反应本土化)。当我们简单地说React这是什么意思(原生的，类型的，还是Javascr

浏览 2提问于2020-07-01得票数 16

回答已采纳

1回答

如何使用react路由器基于状态导航

reactjs、react-router

在我的react项目中，我使用fetch api从后端获取用户配置文件。如果在API调用中发生任何错误，我将在屏幕上显示它。const navigate = useNavigate(); await fetch(`${API_URL}/profi

浏览 3提问于2022-04-11得票数 1

回答已采纳

1回答

如何显示从网络选项卡到react组件的响应？

javascript、reactjs、json、fetch、response

我正在处理一个react表单，如果用户已经在数据库中注册，表单基本上会返回一个响应，否则表单提交成功。fetch(URL, { mode: "no-cors", "

浏览 1提问于2022-11-17得票数 0

点击加载更多