错误:超过最大更新深度。React Native
React Native是一种基于JavaScript的开源框架，用于构建跨平台移动应用程序。它允许开发人员使用相同的代码库来创建适用于iOS和Android平台的应用程序，从而提高开发效率和代码重用性。
React Native的优势包括：
- 跨平台开发：使用React Native可以同时开发适用于iOS和Android的应用程序，减少了开发人员需要编写不同平台代码的工作量。
- 快速迭代：React Native支持热重载，可以在应用程序运行时实时查看代码更改的效果，加快了开发和调试的速度。
- 原生性能：React Native通过将JavaScript代码转换为原生组件，实现了与原生应用程序相似的性能和用户体验。
- 社区支持：React Native拥有庞大的开发者社区，可以获得丰富的资源和支持。
React Native的应用场景包括但不限于：
- 移动应用程序开发：React Native适用于开发各种类型的移动应用程序，包括社交媒体应用、电子商务应用、新闻应用等。
- 原型开发：由于React Native具有快速迭代和跨平台开发的特性，它非常适合用于快速构建和验证应用程序原型。
- 混合应用程序：如果您已经有一个基于Web的应用程序，但希望将其打包为原生应用程序，React Native可以帮助您实现这一目标。
腾讯云提供了一系列与React Native相关的产品和服务，包括：
- 云开发：腾讯云云开发提供了一站式后端服务，可以帮助开发人员快速搭建和部署React Native应用程序的后端服务。
- 移动推送：腾讯云移动推送可以帮助开发人员实现消息推送功能，提高应用程序的用户参与度。
- 云函数：腾讯云云函数可以帮助开发人员将业务逻辑以函数的形式部署到云端，实现后端逻辑的解耦和灵活扩展。
更多关于腾讯云相关产品和服务的信息，请访问腾讯云官方网站：https://cloud.tencent.com/
相关·内容
在超过最大更新深度并引发错误之前，React组件需要更新多少次状态？
我理解它是为了防止无限循环或不必要的状态更新。我遇到了一个实例，在这种情况下，为了避免这个错误，我需要阻塞对state的调用，在确定块大小时，在抛出错误之前知道允许进行多少状态更新是有帮助的。
浏览 0提问于2018-10-09得票数 1
回答已采纳
我有这个错误，我以前没有这个错误：不变冲突:超过最大更新深度。当组件在componentWillUpdate或componentDidUpdate中重复调用setState时，可能会发生这种情况。React限制嵌套更新的数量，以防止无限循环。
此错误位于:在连接中(在LoginForm.js:75)
render() {
const { inputStyle, containerStylePass, containerStyleIdent, barStyle, textInputStyle } = styles;
return (
<View>
<View&g
浏览 0提问于2018-05-21得票数 12
回答已采纳
我曾经让这个代码在我的搜索组件上工作，但是在on submit被调用后，我收到了这个以前从未发生过的错误，有人知道吗？？
已超过最大更新深度。当组件在componentWillUpdate或componentDidUpdate中重复调用setState时，可能会发生这种情况。React限制嵌套更新的数量，以防止无限循环。
import React, { Component } from "react";
import axios from "axios";
import { Redirect } from "react-router-dom";
浏览 0提问于2019-05-07得票数 0
我在这里看过类似的问题，但到目前为止还没有找到对我有用的问题。
问题
最近，我将Android更新为以下版本：
Android Studio Arctic Fox | 2020.3.1 Patch 4
Build #AI-203.7717.56.2031.7935034, built on November 21, 2021
Runtime version: 11.0.10+0-b96-7281165 x86_64
VM: OpenJDK 64-Bit Server VM by JetBrains s.r.o.
macOS 12.0.1
GC: G1 Young Generation, G1
浏览 38提问于2022-01-12得票数 2
我有一个监听Linking url事件的react-native组件。如何使用react-native-testing-library触发该事件 示例： import React, { PureComponent } from 'react';
import { View, Text, Linking, ActivityIndicator } from 'react-native';
import SafariView from 'react-native-safari-view';
class WebAuthView extends Com
浏览 12提问于2019-03-13得票数 1
我试图集成反应-本机-图像-作物-选择在反应本机，以获得多个图像在一次，但没有这样做。它显示了以下错误：
错误:未定义不是对象(扩展'_react_NativeImageCropPicker2.default.openPicker )
我的软件包的不同版本如下：
"axios": "^0.18.0",
"expo": "^25.0.0",
"react": "16.2.0",
"react-native": "https://github.com/e
浏览 1提问于2018-03-09得票数 1
回答已采纳
1回答
我希望浏览器显示EditMessage组件(在Dashboard.js中)，如果showEdit为true (请参见MessageReducer.js中的initState )，如果showEdit为false，则显示CreateMessage组件，但我的代码不能工作。我的应用程序没有注意到状态或道具在Dashboard.js中的变化。
我尝试在Dashboard.js中包括Dashboard.js方法，但是我得到了一个错误：“最大更新深度超过了。当组件在componentWillUpdate或componentDidUpdate中反复调用setState时，就会发生这种情况”。我还尝试将sh
浏览 1提问于2019-01-30得票数 0
回答已采纳
3回答
我正在尝试将数据呈现到一个数组中，以便可以在react原生的图表中查看数据。
似乎有一个关于最大值的问题
import React, { Component } from 'react';
import { View,Button,Text } from 'react-native';
import { LineChart, XAxis, Grid } from 'react-native-svg-charts'
import n_data from './data'
class MyComponent extends Com
浏览 1提问于2021-05-30得票数 0
1回答
const数，setNum = useState(0)；当我想要添加和更改它时，我会得到这个错误(setNum(number+1))。我的错误:超过了最大更新深度。当组件在componentWillUpdate或componentDidUpdate中反复调用componentDidUpdate时，就会发生这种情况。React限制嵌套更新的数量，以防止无限循环。我能解决什么问题？
const App = ()=>{
const [text,setText] = useState('');
const [todo,setToDo] = useState([]);
浏览 3提问于2021-12-12得票数 0
回答已采纳
1回答
我和一个同事已经开发了一款反应式的应用程序已经有一段时间了。我们已经为这个问题挣扎了几天了，我们似乎找不到合适的解决办法。
我们正在使用一些依赖项来实现这一工作。
()React-native Firebase ()React-navigation () 通知费
我们尝试在useNavigation()中使用notifee.onBackgroundEvent()，但是我们一直得到一个无效的钩子调用。当我们试图将导航作为属性传递给函数时，它会返回未定义的函数。
当应用程序关闭/终止时，我们希望用户在用户按下通知后导航到页面。
index.js
import {AppRegistry} from
浏览 3提问于2021-07-20得票数 3
回答已采纳
我得到了一个错误： “超过了最大更新深度。当组件在componentWillUpdate或componentDidUpdate中重复调用setState时，可能会发生这种情况。React会限制嵌套更新的数量，以防止无限循环。” import React, { Component } from "react";
import Form from "../Form/form";
import axios from "axios";
export default class Login extends Component {
component
浏览 77提问于2019-04-14得票数 1
回答已采纳
我正在为我的本机应用程序编写测试，但是它失败了，这意味着我运行了pod。在运行吊舱安装之后，我得到
!] CocoaPods could not find compatible versions for pod "GoogleMaps":
In Podfile:
react-native-google-maps (from `../node_modules/react-native-maps`) was resolved to 0.27.1, which depends on
GoogleMaps (= 3.5.0)
react-native-
浏览 24提问于2021-03-03得票数 0
回答已采纳
我们可以在App Store和Play Store上载用React Native编写的下一个版本吗？该应用程序已经上线，但是在Ionic开发的，拥有超过18k用户。我不想失去我的活跃用户。我想上传一个应用程序与相同的包名，但在React Native中编写。
浏览 6提问于2021-10-12得票数 0
2回答
我一直在尝试解决下面的错误，但找不到真正的原因。我浏览了所有与类似错误相关的解决方案，但都没有回答我的问题。
有人能帮我解决这个问题吗？
Uncaught Error: Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.
at inv
浏览 2提问于2019-04-03得票数 0
我正在尝试运行此React本机应用程序，在安装其依赖项(npm install)并使用react-native run-android运行该应用程序后，我收到以下错误：
在谷歌搜索这个错误后，我发现了这个：
这意味着我应该升级material-ui库。在更新到该库的版本1.30.1之后，我得到了相同的错误。
这是我的package.json：
{
"name": "name",
"version": "0.0.1",
"private": true,
"scripts": {
浏览 1提问于2018-09-19得票数 0
是否可以在react-native项目中使用jest，这些项目使用来自react-native-elements的组件
示例jest文件工作得很好。一旦我将<Text>组件从react-native版本更改为react-native-elements版本，我就会得到以下错误消息。
● Test suite failed to run
Jest encountered an unexpected token
Jest failed to parse a file. This happens e.g. when your code or its dependenc
浏览 4提问于2022-01-19得票数 2
我是新来的反应本地人。我试图在我的反应应用程序中包括抽屉导航，但我无法做到。我遵循文档中提供的每一个步骤。但是我仍然会收到下面的错误，您能告诉我如何在下面提供代码片段和沙箱来修复它吗？我研究并发现了下面的错误，但仍然帮不了我。
ios _reactnativereanimated.default.Value不是构造函数。
提供下面的代码片段和package.json
App.js
import * as React from 'react';
import { View, Text, Button } from 'react-native';
import {
浏览 16提问于2022-06-02得票数 0
我有一个深数组，因此数组的子数组如下所示：
const deepArray = ['1',[['a'],['b']],[2],[[[['4',[3,'c']]]],[5]]];
我想在一个平面数组中设置所有的结束子程序，我使用spread operator of ES6，但是它传播得很浅，我不知道如何将它们设置到下面：
const shallowArray = ['1','a','b',2,'4',3,'c',5];
也许递归函数可以做
浏览 0提问于2018-10-15得票数 1
回答已采纳
我正在尝试为app Center上的React Native应用程序设置一个构建。我已将应用程序链接到Azure Devops存储库，并选择分支并尝试创建构建。 但是，当我尝试创建构建时，它会找到package.json，但没有找到任何构建变体： ? 我已经确认它正在寻找应用程序的package.json (我删除它，它就会报错)。我知道构建变体来自build.gradle中的构建类型，它有一个发布变体。 我用谷歌搜索了一下，花了两个晚上的时间。我还有另一个项目，它构建得很好，我看不出它们之间的区别。 为什么AppCenter不能获取构建版本的变体？我该如何配置它们？
浏览 6提问于2019-06-13得票数 3
回答已采纳
我有一些困难，弄清楚如何处理传感器数据在反应本机。我的目标是获得有限的时间(比如说10秒)的手机传感器数据，并在完成后将获得的列表保存到本地数据库中。然而，将新的陀螺仪值推送到状态数组是一种选择，但获得最大更新深度超过了错误。代码在下面。
import React from 'react';
import {
StyleSheet,
View,
Text,
Dimensions,
} from 'react-native';
import { Gyroscope } from 'expo-sensors';
import { Bu
浏览 5提问于2019-09-15得票数 0
我想在ReactJs中使用AsyncStorage (类似于react-native)。我暂时需要在localsotrage中存储数据(超过10mb)。如果有其他解决方案，请让我知道。目前我正在使用reactjs的本地存储，但根据我的研究，在桌面浏览器中它被限制在10mb。
浏览 19提问于2020-09-24得票数 0
回答已采纳
2回答
我的react-native Firebase APL有一个奇怪的错误。
react-native run-android运行正常，没有错误。
但react-native run-ios失败，类型为NSnull的JSON值无法转换为NSString。
源代码如下。(在firebase上进行身份验证的main和注册类)
我认为Firebase Class在ios和Android上有不同的ACT来将JSON转换为文本。
如有任何建议，欢迎光临。
Shoji
main
//在这里初始化firebase app，并根据需要传递给其他组件。仅在启动时初始化。
const firebaseApp
浏览 0提问于2016-11-26得票数 2
我正在尝试安装install @react-navigation/drawer
我正面临着下面的问题，因为这个问题我不能在react native ERR中使用抽屉导航！同级检测缺失: react@^15.4.2，react-native-drawer-menu@0.2.5 npm错误！缺少对等设备: react-native@^0.41.2，react-native-drawer-menu@0.2.5所需
浏览 2提问于2020-04-25得票数 0
1回答
我正在尝试使用react实现聊天应用程序--下面是我的依赖项。
"dependencies": {
"@react-native-async-storage/async-storage": "~1.17.3",
"@react-native-community/masked-view": "^0.1.11",
"@react-navigation/bottom-tabs": "^6.3.3",
"@react-navigation/native
浏览 8提问于2022-09-04得票数 0
下面是我的NotificationsUnit组件中的一段代码：
tem;
notificationsType;
constructor(props) {
super(props);
this.state = {notificationsType:''};
}
render() {
this.setState({tem: 'btn btn-'});
return(
<div>
<button className='btn btn-info'>
浏览 0提问于2019-08-25得票数 0
回答已采纳
问题描述
我通过npx react-native link react-native-navigation (并在andoid/build.gradle中修改minSdkVersion )安装库。
当我运行npx react-native run-android时，应用程序已经构建并且工作正常，尽管我在终端中得到了以下错误：
error React Native CLI uses autolinking for native dependencies, but the following modules are linked manually:
- react-native-naviga
浏览 222提问于2020-03-01得票数 1
我是新的反应本机，我试图在我的应用程序实现Redux。在使用redux连接函数时，响应本机抛出错误，如下所示。
export default connect()(MyComponent);
我检查了所有三个选项，我没有破坏任何：
您可能有React和呈现器的版本不匹配(例如React )。
你可能违反了钩子的规则(不确定)
在同一个应用程序中，可能有多个React副本。
受抚养人的版本如下：
"react": "^16.8.6",
"react-dom": "^16.8.6",
"react-nativ
浏览 0提问于2019-06-04得票数 1
我正在尝试创建一个反应应用程序，每秒钟更新一次。如果在呈现中使用setInterval，它可能会重载任务。所以，我只想在时钟完成呈现后才调用setInterval函数。当我尝试运行代码时，它说已经超过了最大递归深度。我知道它是一个无限循环，但是由于它只在等待1秒之后才会执行，有什么方法可以绕过这个问题吗？以下是代码：
import React from 'react';
export class Fluctuation extends React.Component {
constructor(props) {
super(props);
浏览 1提问于2022-02-21得票数 1
我在这里遵循了一些与我的问题相似的答案。但不幸的是，错误并没有被删除。所以我又问了一遍。
这是一个老版本的React Native项目，其中react-native-document-picker版本是2.1.0。当我将版本升级到8.0.0时，错误显示为以下屏幕快照：
当前的文件如下所示；
android/settings.gradle
...
include ':react-native-document-picker'
project(':react-native-document-picker').projectDir = new Fil
浏览 16提问于2022-03-22得票数 1
回答已采纳
2回答
合并dex存档时出现错误：.dex文件中的方法引用数不能超过64K.
在添加react本机-firebase/admob之前，代码正常工作。但是在添加了库之后，构建就失败了。当我移除建立的反应导航系统时。为什么这两个库不能使用相同的应用程序？
这是我的app.json文件和build.gradle文件。
"@react-native-community/masked-view": "^0.1.6",
"@react-native-firebase/admob": "^6.2.0",
"@react-
浏览 2提问于2020-02-01得票数 0
在podfile中启用hermes引擎后，在构建应用程序时抛出错误
"Undefined symbols for architecture x86_64: "vtable for facebook::react::HermesExecutorFactory"
Hermes版本: 0.9.0
RN : 0.66.1
podfile
platform :ios, '11.0'
target 'OneSignalNotificationServiceExtension' do
pod 'react-native-onesignal
浏览 3提问于2022-10-03得票数 5
在从ReactNative 0.25升级到0.26之后，我得到了一个众所周知的错误：
“超级表达式必须为null或函数，而不是null”。
我知道最常见的原因是从“react”导入“Component”，而不是从“react”导入“Component”。
但在我的所有部件中，我显然做得很对：
import React, { Component } from 'react';
有没有人经历过导致这一错误的另一个根本原因？现在，我创建了第二个完整的新项目，并尝试用主项目的现有代码从头开始构建它，直到有一天可能发生错误。但这真的是个时间杀手..。
我不使用RNMK，因为它以这种弃用而
浏览 1提问于2016-05-30得票数 0
1回答
我有一个反应性项目，我想更新这个过时的软件包。
npm outdated
Package Current Wanted Latest
Location
native-base 2.3.1 2.4.3 2.4.3
react 16.0.0-alpha.12 16.3.2 16.3.2
expo
浏览 2提问于2018-05-01得票数 1
回答已采纳
2回答
我有从另一个类设置我的状态的函数，但是我得到了以下错误
超过最大更新深度。当组件在componentWillUpdate或componentDidUpdate中反复调用componentDidUpdate时，就会发生这种情况。React限制嵌套更新的数量，以防止无限循环。
这是我的代码
constructor(props) {
super(props)
this.state = { loading: true, showAction: false }
setTimeout(() => {
StatusBar.setBackgroundColor(
浏览 1提问于2020-04-28得票数 4
回答已采纳
在xcode中遇到错误后，我更新了我的react本机项目。
android系统没有问题。
错误：
我的新package.json
"@react-native-firebase/admob": "^7.6.10",
"@react-native-firebase/analytics": "^7.6.9",
"@react-native-firebase/app": "^8.4.7",
"@react-native-firebase/auth": "^9.3.2"
浏览 3提问于2020-10-31得票数 6
回答已采纳
我正在使用react本机依偎，我无法运行我的应用程序。
我将react-native版本从"^0.46.4"更新为0.47.1，因为^0.46.4有不同的错误，react从^15.6.1更新到16.0.0-alpha.12，之前的错误是
未定义不是对象(计算'_reactNative.PropTypes.string')
这指的是响应15.5 后的更新
所以我用
npm install -g react-native-git-upgrade
然后
react-native-git-upgrade
根据这个
"react": "^1
浏览 1提问于2017-08-10得票数 1
我的应用程序以前运行良好，没有生成或运行时错误。然后，我将react-native-agora从^2.9.1更新到^3.0.1-rc.4。有个坠机的问题被
pod installreact-native start --reset-cache
我现在的问题是，应用程序卡在启动屏幕上，并在iOS RNv0.61.5上给出了这个错误：
Invariant Violation: Module AppRegistry is not a registered callable module (calling runApplication)
到目前为止，我已经尝试过：
在模拟器和coderemoving文
浏览 0提问于2020-08-12得票数 2
回答已采纳
我使用React图像裁剪来选择图像感兴趣的区域，但我首先需要从道具中读取预置的裁剪尺寸，以便在图像打开时选择裁剪区域。我使用componentDidMount()来更新状态下的作物。但是它不起作用，我得到了一个错误：Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent
浏览 4提问于2020-08-05得票数 0
回答已采纳
我有这个react原生项目，它在过去的两个月里一直运行得很好，但现在在android上以非调试模式运行构建时，我得到了一个错误“属性描述应该是和对象”。它在调试模式下和IOS上都工作得很好。有没有人能给我带路？这是我的package.json
尝试将redux降级到4.0.0，并在package.json中设置巴别塔的分辨率。但是什么都不起作用，错误仍然存在。
"react-native": "0.58.4",
"react-native-action-picker": "^1.0.2",
"react-nat
浏览 0提问于2019-07-11得票数 2
我只是试图推出一个新的反应-本地应用，但没有运气。
run本机init NewApp cd NewApp npm安装run本机运行-ios
然后查看下面的错误：
** BUILD FAILED **
The following build commands failed:
CompileC /Users/arc/Desktop/websites-dev/react-native/testing_rn/ios/build/Build/Intermediates/React.build/Debug-iphonesimulator/React.build/Objects-normal/x8
浏览 2提问于2017-03-30得票数 2
在这个问题上，我已经尝试过很多由Github社区给出的解决方案，但似乎没有一个对我有帮助。
/node_modules/react-xml-parser/dist/bundle.js:需要Babel "^7.0.0-0"，但是加载了"6.26.3“。如果您确信您有一个兼容版本的@babel/core，那么您的构建过程中可能会有什么东西加载错误的版本。检查此错误的堆栈跟踪，以查找没有提到"@ Babel /core“或"babel-core”的第一个条目，以查看调用Babel的内容。(同时处理预置："/Users/Brenor2/Document
浏览 0提问于2019-03-20得票数 0
回答已采纳
当我运行时，我正面临这个错误
expo start
该项目运行良好，但当我停止服务器和第二天，我打开，从那时起，我面临这个错误，有任何解决办法。下面是我的package.json文件
{
"name": "myproject",
"version": "1.0.0",
"main": "node_modules/expo/AppEntry.js",
"scripts": {
"start": "expo start",
浏览 4提问于2022-02-17得票数 0
我的react原生VR/AR有一些问题。我使用了react-viro模块。下面是我的代码和错误。
import {
ViroScene,
ViroImage,
Viro360Image
} from 'react-viro';
<ViroScene style={[S.container]}>
<Viro360Image source={require("../../assets/ar/res/guadalupe_360.jpg")} onLoadEnd={console.log('image is loaded su
浏览 1提问于2021-04-07得票数 1
我在移动应用程序中使用。这是我第一次运行它。它在ios模拟器上运行良好，但在android仿真器上显示错误。
下面的错误显示在运行run-android时
A problem occurred configuring project ':@react-native-community_picker'.
> Could not resolve all artifacts for configuration ':@react-native-
community_picker:classpath'.
> Could not resolve com.a
浏览 2提问于2020-07-31得票数 2
回答已采纳
升级后出现此错误，以响应Native0.60。
我试图按照错误消息中的建议，使用react-native unlink <dependency>手动解除每个手动链接的依赖项，但问题仍然存在。
错误消息如下：
error React Native CLI uses autolinking for native dependencies, but the following modules are linked manually:
- react-native-admob (to unlink run: "react-native unlink react-native-a
浏览 0提问于2019-07-07得票数 24
回答已采纳
1回答
需要不同版本的包
、、、
我正在尝试安装Expo，React和React-Native作为项目的依赖项。package.jason如下所示：
"main": "node_modules/expo/AppEntry.js",
"private": true,
"dependencies": {
"expo": "^28.0.0",
"expo-three": "^3.0.0-alpha.2",
"react-native": "0.48.3"
浏览 1提问于2018-07-04得票数 6
当我试图为生产构建时，就会出现这个错误。我在使用。这个错误发生在android上。
这是错误
* What went wrong:
Execution failed for task ':react-native-firebase_app:generateReleaseRFile'.
> Could not resolve all files for configuration ':react-native-firebase_app:releaseCompileClasspath'.
> Failed to transform react-na
浏览 20提问于2022-11-12得票数 1
在安装了一个信号后，它会在终端中抛出以下错误。
失败:生成失败，出现异常。
出了什么问题:无法确定任务的依赖关系‘：react本机-一个信号:compileDebugAidl’。无法解决配置':react-native-onesignal:debugCompileClasspath'.的所有任务依赖项找不到任何与com.google.android.gms:play-services-ads-identifier:12.+.匹配的版本不匹配的版本：
- 17.0.0
- 16.0.0
- 15.0.1
- 15.0.0 Required by: project :re
浏览 1提问于2019-11-06得票数 1
1回答
我使用命令npx react-native init MyApp --template react-native-template-typescript创建了一个新项目。
"dependencies": { "react": "17.0.1", "react-native": "0.64.0" }
当我运行npx react-native run-ios时，它会给我以下错误。
我尝试在ios/Podfile.lock. Podfile中用use_flipper!({ 'Flipper-Folly&
浏览 1提问于2021-03-26得票数 0
我正在尝试将我的本地版本更新为0.66.4。我试着遵循帮助工具()，但它没有成功。
这是我的package.json：
"react": "17.0.2",
"react-native": "^0.66.4",
"devDependencies": {
"@babel/core": "^7.12.9",
"@babel/runtime": "^7.12.5",
"@react-native-community/esli
浏览 9提问于2022-03-08得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
