React "TypeError:扩展不可迭代实例的尝试无效“

文章/答案/技术大牛

发布

1回答

reactjs、material-ui、react-state

我正在使用API来渲染卡片中的数据，每张卡片都有一个心形图标，当单击该图标时，会将卡片的状态更改为收藏。每张卡片都有一个对应的模式(我使用的是material ui模式和)，它也有心形图标，我需要这样做，这样当模式上的心形被单击时，模式及其对应的卡片都会获得最喜欢的状态。isFavorite); }; 前面的代码块处理状态，下面是返回的html的一部分： <CardActions style={favoriteButtonStyle}>

浏览 11提问于2021-03-15得票数 0

回答已采纳

1回答

React回调返回非可迭代实例

javascript、reactjs、antd

我在React中使用ant-desing(v3.26.14)列表组件。通常，如果我尝试将普通数组传递给'dataSource‘属性，那么一切都是正常的。<List dataSource={someArray} /> //is fine <List dataSource={() => someArray} /> //getting error 错误：“TypeError:扩展不可迭代

浏览 23提问于2021-11-22得票数 0

回答已采纳

1回答

TypeError:解析不可迭代实例React/Jest的尝试无效

javascript、reactjs、jestjs、enzyme、destructuring

我正在尝试使用Jest为我的React应用程序中的一个功能组件进行SnapShot验证。下面是使用Jest的组件和测试文件import useForm from 'react-hook-form'; ....); export default

浏览 15提问于2019-11-15得票数 7

1回答

将对象扩展到状态数组中。

javascript、reactjs、typescript

我试图将作为对象的值扩展到react中的状态数组中，但这段代码会导致以下错误： TypeError:传播不可迭代实例的无效尝试。为了可迭代，非数组对象必须有一个[Symbol.iterator]()方法. 是否有可能将data数组中的值作为对象扩展到values状态数组中，这样values数组将与data数组相同？import { u

浏览 1提问于2022-10-21得票数 -1

回答已采纳

2回答

如何在React中将数组推送到状态？获取“传播不可迭代实例的无效尝试”

reactjs

我正在尝试将一个电影对象推入状态中的favorites数组，当有东西被单击时。favoritesArray = []; this.setState({favorites: favoritesArray}); favorites: [] const favoritesAr

浏览 27提问于2019-05-30得票数 1

回答已采纳

1回答

TypeError:使用use effect扩展不可迭代实例的尝试无效

reactjs、use-effect

不知道为什么，但我收到了这个错误消息：有没有一种方法可以在触发useEffect之前将数据映射到console.log(scheduleFieldData); <div className=' CriticalObjectsGrid'> <React.Fragment> </div>} ex

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

1回答

React未捕获TypeError:传播不可迭代实例的尝试无效

javascript、reactjs、github、iterable、spread

我正在尝试将一个项目推送到gh-pages，在本地，一切正常，但是当我将它上传到gh时，我得到这个控制台错误：“未捕获TypeError:传播不可迭代实例的无效尝试。为了可迭代，非数组对象必须有一个Symbol.iterator方法。”

浏览 8提问于2021-03-02得票数 0

1回答

"TypeError:破坏不可迭代实例的无效尝试“

javascript、reactjs、ionic-framework、react-hooks

我知道这个错误import React, { useEffect, useState } from 'react';IonContent, IonHeader, IonTitle,IonToolbar, IonApp, IonButton, IonFooter } from '@ion

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

回答已采纳

6回答

TypeError:传播不可迭代实例的无效尝试

javascript、react-native

编译到android并通过Store下载后，我得到以下错误：但是使用“react原生运行-android”不会产生错误消息，因此我找不到一种很好的方法来调试它。this.setState({ errorMassage: error, }); 谢谢你的帮助

浏览 0提问于2018-12-31得票数 21

回答已采纳

3回答

TypeError:解析不可迭代实例的尝试无效

reactjs、promise、redux

我是这个项目的新手，我正在尝试使用react-redux-universal-hot-example应用程序接口，但使用的是我的代码： type: SHOW_MESSAGE, };我在浏览器中看到以下错误： TypeError

浏览 0提问于2016-08-08得票数 5

回答已采纳

1回答

TypeError:破坏不可迭代实例的无效尝试。为了可以迭代，

reactjs、react-native

我正在尝试使用API上下文对react本机进行处理，并在下面得到以下错误。import React, {createContext, useState, useContext} from 'react';

浏览 5提问于2020-11-24得票数 3

回答已采纳

2回答

TypeError:扩展不可迭代实例的尝试无效

redux、react-redux、redux-thunk

在我的应用程序中，我想向'event‘对象中的一个数组添加一个'ticket’。在操作中，我将新的票证发送到数据库，然后将操作分派给reducer。通过使用Redux记录器，我能够检索错误：'createTicket‘的动作是这样的：// actions/tickets.js export const TICKET_CREATE_SUCCESS

浏览 2提问于2019-02-28得票数 0

1回答

TypeError:在React本机中传播不可迭代实例的无效尝试

react-native、react-native-ios、react-native-flatlist

一开始代码可以工作，但是过了一段时间，它就会崩溃：--错误发生在iOS和Android中，我使用的是MacOS，也发生在构建过程中。TypeError: Invalid attempt to spread non-iterable instance in Lojas (at/index.js:579) in Drawer (at Drawer&#x

浏览 2提问于2019-12-23得票数 1

回答已采纳

2回答

使用状态+设置状态[TypeError:扩展不可迭代实例的无效尝试。]- React本机形式处理

javascript、reactjs、react-native、react-hooks、formik

我正在尝试通过添加一个名为"billing“的新对象来更新状态。billing: { last_name: "Doe", }); 然而，当我运行这个函数时，我得到一个typeErrorBilling在一个对象中包含来自Formik的数据，该对象看起来像这样的{"first_name": "", "last_name

浏览 38提问于2020-07-23得票数 0

回答已采纳

1回答

在Flatlist React本机中扩展不可迭代实例的尝试无效

javascript、api、react-native、object、react-native-flatlist

我正在尝试使用扁平列表进行无限滚动加载，比如instagram和twitter。我在youtube https://www.youtube.com/watch?我将我的逻辑应用于相同的api并工作。但是当我将它应用于我的API时，它给出了错误'invalid attempt to spread non-iterable instance‘。所以，事情是这样的。componentDidMount()完美地完成了获取，并且工作得很好。现在，flatlist提供了刷新整个

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

1回答

使用textInput和函数组件更改react* native中的数组对象值*

javascript、arrays、reactjs、react-native、react-hooks

大家好，我想问一下当我在react native中输入文本时更改数组值的问题 { value: 'a', status: falseplaceholder="note"/> 但当我键入一个错误屏幕时，出现了一条消息：“无效的尝试扩展</em

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

1回答

Redux Web扩展-未捕获的TypeError:传播不可迭代实例的无效尝试

javascript、reactjs、webpack、redux、redux-devtools

我正在开发一个React应用程序，它也使用Redux dev tools扩展。在Node上运行，使用了Webpack编译。我最近将我的应用程序从2升级到了Webpack 4。通过使用webpack命令，应用程序可以很好地编译，但当我尝试在浏览器中运行它时，我得到了以下错误，它会终止应用程序：这个错误发生在我配置redux存储的configureStore

浏览 0提问于2018-08-08得票数 5

回答已采纳

1回答

EditableGeoJsonLayer获取TypeError:传播不可迭代实例的尝试无效

javascript、typescript、mapbox、deck.gl

我正在尝试使用nebula.gl中的可编辑geojsonlayer，根据文档，我在这个库中遇到了大量的typescript错误。第一种类型的错误可以在他们的存储库问题中找到、复制和解决：https://github.com/uber/nebula.gl/issues/568 经过几个小时的搜索并找到了上面的解决方案，我能够使用DrawPolygoneMode绘制一个多边形，但当我关闭多边形时，我得到了以下错误： Type

浏览 20提问于2021-06-18得票数 1

回答已采纳

1回答

未捕获的TypeError:解析不可迭代实例的尝试无效

javascript、reactjs

我正在使用react-table来制作一个DataTable组件。下面是我的组件代码： const { columns})} ) </tbody> ); }

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

1回答

还原器提供无效的尝试扩展不可迭代实例。

react-native、redux、react-redux

想知道我的代码有什么问题--当我尝试使用redux发送一个操作时，它会产生一个错误--这是我的reducer.js代码 ]; return state;}它给出了传播不可迭代实例的无效尝试为了可迭代，非数组

浏览 9提问于2022-03-11得票数 1

点击加载更多