fetch api请求onSubmit出现对象错误
fetch API是一种现代的网络请求方法，用于从服务器获取资源。当在使用fetch API时，如果在onSubmit事件中出现对象错误，可能是由于以下原因导致的：
- 参数错误：在使用fetch API时，需要传递正确的参数。常见的参数包括请求的URL、请求方法、请求头、请求体等。请确保这些参数的正确性。
- 异步操作：fetch API是基于Promise的异步操作。在使用fetch API时，需要使用then()方法来处理返回的Promise对象。请确保在onSubmit事件中正确处理异步操作。
- 数据格式错误：在使用fetch API发送请求时，需要确保请求的数据格式正确。例如，如果需要发送JSON数据，需要将数据转换为JSON字符串。可以使用JSON.stringify()方法进行转换。
- 服务器错误：如果出现对象错误，可能是服务器返回的响应出现了问题。请检查服务器端的代码，确保返回的响应是正确的格式。
对于以上问题，可以通过以下方式进行解决：
- 检查参数：仔细检查fetch API的参数，确保它们的正确性。
- 处理异步操作：使用then()方法来处理fetch API返回的Promise对象，确保在onSubmit事件中正确处理异步操作。
- 格式化数据：根据需要，使用合适的方法将请求的数据格式化为正确的格式。
如果以上解决方法无效，可能需要进一步调试和排查错误。可以使用浏览器的开发者工具来查看网络请求的详细信息，以及服务器返回的响应。根据具体的错误信息，可以进一步定位和解决问题。
腾讯云提供了一系列与云计算相关的产品，包括云服务器、云数据库、云存储等。您可以访问腾讯云官方网站（https://cloud.tencent.com/）了解更多关于这些产品的信息和使用方法。
相关·内容
我没有使用redux-thunk。这使错误不断出现，我不确定如何修复它。我在网上看到的示例使用的是我没有使用的redux-thunk 我的存储库是here，我尝试测试的文件是tests\actions\...格式的 ? 我在测试中调用的操作 import axios from "axios";
var CancelToken = axios.CancelToken;
let fetch_cancel;
export const FETCH_CATEGORIES = "fetch_categories";
export async function
浏览 13提问于2019-06-24得票数 0
日安！
我今天有一个奇怪的使用formik的体验，我目前正在开发一个使用formik来处理表单的应用程序，它将在formik的onSubmit()函数中做一个API请求。
除了我使用API请求并等待它的回调之外，一切都很顺利。不知何故，onSubmit函数中的内容将正常工作，但API回调值不会返回，除非我在应用程序本身中执行UI更改(如按下屏幕上的任意点以触发ui更改)。
下面是我的formik的onSubmit函数
onSubmit={values => {
console.log("before")
浏览 21提问于2020-05-18得票数 0
回答已采纳
我有一个简单的statefull组件和一个表单。
export class example extends React.Component {
constructor() {
this.state = {
issue: {id: '', isValid: false}
}
this.onSubmit = this.onSubmit.bind(this)
}
onSubmit (e) {
fetch('/some/api/path').then((newIssue) => {
newIss
浏览 7提问于2017-12-05得票数 1
回答已采纳
1回答
我已经建立了一个react应用程序，该应用程序目前正在列出来自mongodb的所有“雇员”。
我现在正试图通过一个react前端表单将员工“添加”到数据库中。
我已经成功地将数据从表单传递到应用程序，但是我不确定我需要通过什么过程才能将数据固化到一个对象中并存储在api中。
请原谅我的代码，这太恶心了，因为这是我第一周的学习反应(老实说，有一点js的知识，这是另一个故事)，我刚刚拼凑了20个教程.
这是我的表格课：
class Form extends React.Component {
state = {
fullname: '',
}
change =
浏览 4提问于2017-08-14得票数 0
回答已采纳
1回答
下面是我的组件：
const WeatherData = () => {
const [city, setCity] = useState('')
const [unit, setUnit] = useState('imperial');
const [cardData, setCardData] = useState({});
function getForecast() {
fetch(`https://api.openweathermap.org/data/2.5/weather?q=${city}&units=${unit}&
浏览 5提问于2021-06-03得票数 1
我正在尝试发送表单数据，并在API和get predictions上执行post请求，但在执行操作时收到错误SyntaxError: Unexpected token < in JSON at position 0。我已经检查了API，它完全没有问题。我已经附上了下面的帖子请求。我猜是表单有问题。如果我错了，请纠正我。 ? const FirstProject = () => {
const [solutestate, setSoluteState] = useState("");
const [solventstate, setSolventSt
浏览 57提问于2021-11-22得票数 0
我在学习如何使用Formik。我试图击中我的后端，这是通过邮递员工作，但我似乎无法获取使用Formik。
这是我的App.js代码，用于onSubmit：
<Formik
initialValues={{
...initialState,
}}
validationSchema={formValidation}
onSubmit={values =>
fetch('/api/
浏览 4提问于2022-04-10得票数 0
我刚开始编写代码，我正在使用node-fetch，并试图检查响应是json还是text，但如果响应是文本，则会出现错误。
如果响应是json，它会正常工作，但是如果响应是文本，我会得到一个错误。
我所犯的错误：
invalid json response body at https://url.com/api reason: Unexpected token i in JSON at position 6
我的代码：
const fetch = require("node-fetch");
const doFetch = async (url) => {
try {
浏览 3提问于2021-09-05得票数 1
回答已采纳
3回答
我想从前端的nextjs服务器获取数据，但是onSubmit()函数中的fetch()后代码不能工作。这是/test页面
页面/测试
const onSubmit = (data) => {
console.log("________");
users.map(async (user, index) => {
if (data.email === user.email) {
if (data.password === user.password) {
console.log("hi"
浏览 18提问于2022-11-20得票数 -1
回答已采纳
我正在尝试在react中构建一个简单的应用程序，但是我需要获取一个api来获取数据，并且我使用的是React上下文，所以我不需要向组件传递一堆道具。但有时我需要拆分来自api的字符串，因为fetch有时会尝试拆分未定义的值，因此会出现错误。我该如何解决这个问题呢？我正在做的一个例子是这样的： export const MyContext = createContext()
export const MyContextProvider = (props) => {
const [data, setData] = useState({})
const apiUrl = 's
浏览 11提问于2021-06-17得票数 0
回答已采纳
1回答
我创建了一个Formik登录表单，并调用react js fetch方法。在web api端添加cors，在Postman和jquery中运行成功。如何通过react js调用"token_type"："bearer“？web api中也启用了cors，也成功生成了Token。如何通过react js调用这个url https://localhost:44323/token？
我的代码是
onSubmit={(values) => {
fetch('https://localhost:44323/token', {
浏览 0提问于2020-06-07得票数 0
我尝试从我的API中获取一些数据，并且启用了交叉原产地，但是得到了这个错误。
(用于测试的在线REST )也是这样，它们提供了如下示例：
fetch('https://jsonplaceholder.typicode.com/todos/1')
.then(response => response.json())
.then(json => console.log(json))
这两个请求(JSONPlaceholder和my )都可以很好地使用Insomnia ( REST客户端)，因此我的猜测是，问题在于我的React应用程序(16.13.1)。
编辑
浏览 2提问于2020-04-09得票数 3
回答已采纳
我进行了以下测试，但得到以下错误：" api : unable to fetch api token。“我尝试使用shallow而不是mount，但它返回相同的错误。 describe('CreateTemplateModal', () => {
let props, el
const modal = function () {
if (!el) el = mount(<CreateTemplateModal {...props} />)
return el
}
beforeEach(() => {
p
浏览 12提问于2019-01-11得票数 0
回答已采纳
2回答
在反应中提出请求
、、
无法使用提取方法发送POST请求
我能够从服务器获取请求，但无法动态发布请求。我接受输入值，但它显示了下面的错误：
错误: SyntaxError："JSON.parse: JSON数据第1列中的意外字符“
const url = "http://some domain/api/tweets";
const input = {tweet: {body: ''}};
class App extends Component{
constructor(props){
super(props);
this.state={
浏览 0提问于2018-08-28得票数 2
回答已采纳
1回答
使用basic时获得错误404
、、、、
我试图使用Fetch进行GET查询，但在传递授权时得到了一个错误404。
我不知道为什么会出现这样的错误，因为当我使用像Postman这样的工具时，服务器的响应很好。
Authorization: Basic ...
method: GET
url: https://zammad.zonngo.com/api/v1/ticket_articles
当我使用Javascript fetch API时，会出现错误404。
OPTIONS https://zammad.zonngo.com/api/v1/ticket_articles 404 (Not Found)
这是我的密码：
const my
浏览 6提问于2017-11-02得票数 0
回答已采纳
1回答
上传带有提取的图像
、、、、
我有一个定义的表格：
<form method="POST" onSubmit={this.handleSubmit.bind(this)} enctype="multipart/form-data">
提交事件的处理程序定义如下：
handleSubmit(event)
{
event.preventDefault();
var FormData = require('form-data');
var form = new FormData();
form.a
浏览 2提问于2016-11-24得票数 3
当我第一次编写map函数时，代码运行良好。但突然之间这条线抛错了。然后，如果注释users.map行，代码就可以正常工作，然后取消注释，直到工作正常为止。但是当我重新加载页面时，错误再次出现在控制台上，没有什么工作是的。
import { useEffect, useState } from 'react';
import './App.css';
function App() {
const [users, setUsers] = useState({});
useEffect(() => {
fetch("http://loc
浏览 0提问于2022-08-23得票数 -2
你知道是什么导致了这个错误吗？我正在尝试使用此https://app.swaggerhub.com/apis/warp/etn-device-checker-test/1.0#/default/post_login接口对登录进行身份验证 import React from 'react'
import axios from 'axios';
import { useState } from 'react';
function Login() {
const [email, setEmail] = useState('');
浏览 22提问于2021-01-07得票数 0
回答已采纳
1回答
我的目标是创建一个React JS登录页面，它运行在一个json Rest服务上。在Postman中，当我输入服务的URL时，将其设置为以POST方式运行，并在正文中输入以下JSON：{用户名："myUserName"，密码："myPassword"}返回...a令牌。因此，在fetch子句中，我使用JSON.stringify将用户名和密码传递给服务器。
我刚开始使用Fetch和react，所以我的问题是，我如何开始认证不同的用户，只使用react JS和fetch？我假设，我要在Fetch子句的第二个then内写我的逻辑？
目前，我的页面接受任何凭据，并在单
浏览 0提问于2018-05-10得票数 7
回答已采纳
1回答
我试图将127.0.0.1:8080的POST请求发送到本地主机上的快递服务器:3000/trips--我在cors的配置上遇到了很多问题
首先，这是我执行POST请求的方法。
async modifyTrip() {
let json = {
data: "test",
mezzo: "test",
coordinate: ["test"],
tappe: ["test"],
};
let modifyform = docu
浏览 7提问于2022-06-23得票数 0
我以前一直使用Reacti-钩子表单，用户可以以基本的形式提交他们的电子邮件地址：
之前:react钩子形式，没有catpcha
import React from 'react'
import { useForm } from 'react-hook-form'
import { useRouter } from 'next/router'
const MyForm = ({ btnText = 'Join' }) => {
const router = useRouter()
const {
regi
浏览 11提问于2022-09-21得票数 0
我在方法api中有一个函数onSubmit，它向服务器发出请求：
onSubmit: async (formValues) => {
setSubmitting(true);
try {
const res = await api('api/auth/register', {
method:'POST',
body: JSON.stringify(formValues)
});
浏览 1提问于2020-04-28得票数 0
回答已采纳
我有以下形式，即使用react钩子形式。
我应该通过fetch传递给API路由什么，这样我就可以用fs将映像写入磁盘，并检索其位置并将其传递给Cloudinary？在获取的主体中，我可以传递数据内部的图片对象，但是这如何给我足够的信息来用fs将图像写入磁盘。
我想把完整的图像路径传递给Cloudinary，这样它就可以上传图像，我目前只传递错误的名称。
<form onSubmit={handleSubmit(onSubmit)}>
<div>
<h2>Image</h2>
<input ref={register}
浏览 2提问于2021-03-12得票数 1
我正在使用React构建一个通用的天气网络应用程序。现在我只是想得到一个城市的天气数据。不执行任何动态操作)并将其记录在控制台中。
我正在使用OpenWeatherMap API。
但是，无论何时调用API，都会出现以下错误：
由于访问控制检查，Fetch API无法加载。
错误:您提供的错误不包含堆栈跟踪。
未处理的承诺拒绝: TypeError:取消了，我想知道是什么导致了这些错误，以及如何解决它们。
以前，我曾尝试使用AccuWeather API，但它也出现了相同的错误。
但是，如果我在React中调用componentDidMount()函数中的API，它可以很好
浏览 1提问于2019-06-29得票数 0
回答已采纳
1回答
我有一个使用fetch()向API服务器发送请求的页面。服务器位于不同的地址上，经常会出现一些网络问题。为了帮助用户更快地解决这些问题，我希望收到尽可能多的关于引起的问题的信息。我搜索了很多都没有任何运气。对于所有网络失败请求，我所拥有的只是“未能获取”消息，它根本没有提供任何信息。
我读过关于在MDN：上处理失败请求的文章，其中写了以下内容：
当遇到网络错误或服务器端的CORS配置错误时，fetch()承诺将拒绝TypeError，尽管这通常意味着权限问题或类似的问题，例如404不构成网络错误。
换句话说，可能存在另一种错误，它隐藏在错误“未能获取”之下。是否有可能以某种方式恢复故障
浏览 3提问于2020-10-26得票数 1
2回答
我一直在尝试学习React-query，但似乎不能用我的onSubmit事件触发请求。现在，代码正在发送以“华盛顿”作为默认参数的请求，并将其打印到屏幕上，并且还会通过onBlur事件触发一个新的请求，并在键入的城市有效的情况下获取数据。 问题是，我希望我可以将此逻辑转移到submit()函数，处理输入上的数据，并且只有当数据有效时，才继续发出请求。这就是我用一个免费的apiKey重现问题的stackblitz：StackBlitz 代码如下： import React, { useState } from 'react';
import { useQuery } from
浏览 65提问于2021-07-06得票数 0
回答已采纳
我试图在javascript代码中使用fetch调用一些API。我在我的机器上使用ReactJs进行开发，并在同一网络中进行另一个开发，在另一台机器上使用.net开发API。使用postman，我可以调用API，但是使用fetch no。我试图在其他服务器中调用另一个API，结果是成功的。
我正在使用fetch，也尝试使用axios。我在堆栈溢出的其他问题中发现了这个API：。答案是要尝试获取它们，而我尝试再次抛出相同的错误。
我的代码用于获取gturnquist：
const myHeader = new Headers();
myHeader.append('Content-Typ
浏览 1提问于2019-05-30得票数 0
回答已采纳
我正在尝试使用multer或formidable上传文件。这些文件被正确上传并存储在public文件夹中。我用创建-反应-应用程序开始反应项目。
当我点击submit按钮上传数据时，问题就出现了。我使用fetch API来发出POST请求。在单击submit按钮之后，页面将重新加载，我在控制台上记录的任何内容也会被刷新。这也回答了，但我想知道如何防止我的页面重新加载？我应该将我的图像存储在public文件夹之外吗？
以下是提交表单时调用的handleSubmit()函数：-
const handleSubmit = async (e) => {
e.preventDefault(
浏览 17提问于2022-07-03得票数 2
我遇到了一个很大的问题，在发送POST请求时，我使用Fetch来缩短URL。
我很好并且能够通过cURL命令对这个url简写API做一个POST请求：
卷曲命令
curl -d 'api_key=xxxxxxxxxxxxxx&url=https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch' http://fakeurlforexample/api/shorten/
响应
{"url": "https://fakeurlforexample/BdzfM3"
浏览 0提问于2019-06-08得票数 0
回答已采纳
1回答
我使用fetch向服务器发出请求，并获得响应类别列表。我在视图表中显示的列表。在右边的每个类别附近，我都有按钮删除。单击此按钮时，将显示带有两个按钮的模态窗口Delete和Cancel。我使用API方法DELETE来删除某些类别。
单击模态窗口中的Delete按钮
我的分类删除！好!
但在我的页面中出现了错误：
TypeError:无法将未定义或null转换为对象
为什么会发生这种情况？以及如何修复它？
在我看来，这个错误的发生可能是因为我错误地编写了方法deleteCategory。
Home.js：
const Home = () => {
const [value,
浏览 4提问于2020-04-30得票数 2
回答已采纳
尝试执行fetch请求时出现问题。
fetch("https://localhost:5001/api/Blog/", {
method: "GET",
mode: "no-cors",
headers: {
"Accept": "application/json",
"Content-Type": "application/json"
浏览 18提问于2021-03-06得票数 1
回答已采纳
1回答
我正在从"api“获取一个对象，并将其设置为匹配，但当我尝试循环或渲染它时，我得到了一个错误。 我尝试过Objct.keys，也许我的语法是错的，我不确定我是否还在学习thx以寻求任何帮助。 const [match, setMatch] = useState();
const [search, setSearch] = useState('');
const [query, setQuery] = useState(4749875544)
useEffect(() => {
getData();
}, [query]);
const getData
浏览 9提问于2019-05-14得票数 0
回答已采纳
1回答
我正在尝试将我的页面连接到Django API，因此当用户注册时，将在Django中创建一个用户配置文件。
当我尝试创建一个新用户时，我在我的控制台上得到了这个错误：
Signup.js:33 POST http://127.0.0.1:8000/api/v1/users/profiles/?format=api 400 (Bad Request)
onSubmit @ Signup.js:33
callCallback @ react-dom.development.js:188
invokeGuardedCallbackDev @ react-dom.developmen
浏览 20提问于2022-03-01得票数 0
我正在使用Next.js应用程序中的/api端点发送电子邮件。请求来自客户端表单，如下所示(为了简洁和安全起见，对一些代码进行了编辑)： const onSubmit = async (data) => {
const result = await fetch('/api/customer_enquiry', {
method: 'POST',
body: JSON.stringify(data)
})
.then(res => {
router.push({
浏览 25提问于2021-11-15得票数 0
回答已采纳
2回答
我正在使用json-server构建一个带有虚拟后端的react应用程序，.I实现了一个下拉列表，但是我得到了从api.The获取的Cannot read property 'map' of undefined error，api在浏览器中工作得很好，但是在获取react时却给了我这个错误。
我的组成部分：
import React from 'react';
var values;
class ApiDropDown extends React.Component {
constructor(){
super();
浏览 4提问于2021-06-06得票数 0
回答已采纳
2回答
在一系列代码试用之后，我无法将API中的JSON文件存储到状态
在完全实现JSON响应之前，我一直在尝试在浏览器控制台控制台上显示它。我有这样的代码：
//const API;
class WeatherApp extends React.Component{
constructor(props){
super(props);
this.state = {
location: "",
reports:[]
}
}
//functions should be wr
浏览 0提问于2019-08-03得票数 0
我有一个非常简单的http请求。 我的前端： <button mat-button (click)="onSubmit()">Login</button> My onSubmit()： onSubmit() {
this.personService.getPersonByName().subscribe(person => {
console.log('Person', person);
}); My PersonService getPersonByName()： private personURL = 'ht
浏览 42提问于2019-09-12得票数 0
我有一个事件处理程序，用于将条目提交到API中。API是一个啤酒列表，我正在尝试通过ON ADD方法将我的条目提交回API。当我提交我的条目时，我得到了一个400错误，但不是一个糟糕的请求。错误预览会显示错误：“必须定义啤酒名称。” 我相信我的问题出在我的JSON stringify params上，但是我不确定应该在这个字段中放什么。一些建议将是很好的。谢谢。 onSubmit(event) {
event.preventDefault();
fetch("https://beer.fluentcloud.com/v1/beer", {
bod
浏览 13提问于2019-04-06得票数 0
回答已采纳
我正面临一个错误，而作出的帖子登录请求。
我在Netlify 上部署了前端，在Heroku 上部署了后端。这是我的后端日志。效果很好。
我面临的问题
当我从部署在Netlify上的前端登录按钮上发出POST请求时，它会转到http://my-notebook-mohit.herokuapp.com:${port}/api/auth/login，但会显示错误
Failed to execute 'fetch' on 'Window': Failed to parse URL from http://app-name.herokuapp.com:undefined/
浏览 6提问于2022-01-19得票数 -1
回答已采纳
对Javascript来说相当新。我有一个onsubmit属性等于JavaScript函数getResponse()的HTML。在getResponse()函数中，我做了一个提取(POST)来从API中检索数据。我想把数据附加到页面上，让用户看到，但是，它似乎在屏幕上出现的毫秒内从屏幕上被擦去。
我的函数getResponse()：
fetch('/', {
method: "POST",
body: JSON.stringify(data),
headers: {
'Content
浏览 2提问于2020-03-24得票数 0
5回答
class App extends Component {
constructor(props) {
...
}
onChange = (e) => this.setState({term: e.target.value})
onSubmit(e){
e.preventDefault();
const api_key = "C1hha1quJAQZf2JUlK";
const url = `http://api.giphy.com/v1/gifs/search?q=${this.state.term}&api_k
浏览 0提问于2018-02-22得票数 8
回答已采纳
我试图通过对Next.js API路由的fetch API请求将一些数据插入数据库，但是在浏览器的控制台中我得到了以下两条错误消息：
api/addCompany/addCompany:1未能加载资源:服务器响应状态为500 (内部服务器错误)寄存器:1
SyntaxError:位于0位置的JSON中的意外令牌<
这些是我的项目的文件夹(这与Next.js的路由系统有关)
这是我正在执行fetch API请求的组件(请不要评判我糟糕的打字本技能，我是新手，仍然没有找到propper事件类型)：
import styles from '../styles/Register.m
浏览 9提问于2022-03-21得票数 1
回答已采纳
1回答
我是个反应新手，也许英语也是。在递交表格后，如何重定向？
function Test() {
const { register, handleSubmit } = useForm()
const onSubmit = data => {
fetch(`http://localhost:4000/signup`)
//Here i want to redirect after signup
}
return (
<form onSubmit={handleSubmit(onSubmit)}>
....
</f
浏览 4提问于2019-11-10得票数 0
回答已采纳
所以，我已经创建了一个API，并且我的帖子和请求都可以工作，但是我无法让删除请求工作。我一直在控制台中得到一个'DELETE 400 (坏请求)‘错误。
以下是我的服务器文件中的删除部分：
app.delete('/api', (request, response) => {
database.remove({ _id: request }, {}, function(err, numRemoved) {});
});
下面是执行DELETE的按钮：
document.body.addEventListener('click',
浏览 11提问于2021-10-28得票数 0
回答已采纳
我有两个HTTP请求，使用Javascript中的Fetch API。我的主要语言是Java，但我的任务是一个前端项目，所以我不确定是否有一个简单的解决方案。我的问题是，第一个调用(访问一个随机服务器)访问的外部端点与第二个外部端点(此端点位于Azure上)不同，但第二个端点依赖于第一个端点。基本上，第一个端点是在Azure网站(IoT集线器)上创建/填充对象/物联网设备的POST请求。因此，第二个请求不能真正做任何事情(在这种情况下，补丁)，直到设备出现在网站上。我注意到它通常需要几秒钟，就像它出现前的1到5秒。
我的Fetch API看起来如下所示：
fetch('https://
浏览 0提问于2020-05-17得票数 2
回答已采纳
我使用node-fetch从一个API调用到另一个API，但是当"API 2“出现错误时，成功回调就会运行。 我不确定这是否是预期的行为，也不确定您是否应该检查状态代码的响应，而不是运行catch回调。 API 1： fetch('http://localhost:4060/api/passwords', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({
use
浏览 20提问于2019-06-06得票数 0
回答已采纳
我正在使用服务工作者编写推送通知。我正在使用XHR(Ajax)方法获取通知，下面是service-worker.js的代码片段：
var API_ENDPOINT = new Request('/getNotification', {
redirect: 'follow'});
event.waitUntil(
fetch(API_ENDPOINT, {credentials: 'include' })
.then(function(response) {
console.log(respon
浏览 8提问于2016-02-14得票数 2
回答已采纳
1回答
当我进行api调用时，我得到了一个200，但是响应返回了html，并且我在控制台中得到的错误是解析http://moviereview.test/moviereview/api/v1/public/login?email=conor@testing.com&password=name时出现的Http失败。“响应是json格式的，有人能告诉我为什么会发生这种情况吗?我知道在url中发布密码是不好的做法，我只是尝试让响应正常工作，然后解决任何安全问题，当我在postman中运行它时，它以JSON的形式返回它。 /*Login Component*/
onSubmit() {
th
浏览 13提问于2019-03-28得票数 0
当使用react和redux编辑数据时，Im面临问题。问题是，当我编辑表单时，，然后提交，自动生成这样一个新的空列表(下图)
控制台上的错误：
警告:列表中的每个孩子都应该有一个唯一的“键”道具。
当我签入数据库时，它正常且不添加新的空数据。同样，当我刷新页面时，返回到正常且没有错误，空列表就会消失。
以下是我的一些代码：
行动/城市行动.
export const editCity = (id, formValues) => async dispatch => {
const response = await ws.patch(`/api/cities/${id}`
浏览 1提问于2020-02-10得票数 0
我当前的项目允许用户输入一些标题和描述，并调度适当的操作。它似乎工作得很好，因为它显示CREATE_POST_REQUEST，然后显示CREATE_POST_SUCCESS以及从API调用返回的新创建的post对象。但是，还附加了一个错误，指出"TypeError: state.posts是不可迭代的“。我有一个初始状态，它是一个对象，它的posts字段最初设置为一个空数组。下面是一些代码片段。
postsReducer.js
import {
FETCH_POSTS_REQUEST,
FETCH_POSTS_SUCCESS,
FETCH_POSTS_FAILU
浏览 7提问于2021-06-09得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
