React too loop渲染无限循环

文章/答案/技术大牛

发布

1回答

javascript、reactjs

我不知道为什么我会得到这个错误，我只是想做一个按钮，反转颜色悬停，如果你有一个解决方案或更好的方法，请让我知道 import React, {useState} from 'react' function

浏览 15提问于2021-01-04得票数 1

2回答

React :在同一元素的两个实例中设置状态会导致无限循环

reactjs、typescript

const Modal: React.FC<propsInterface> = (props) => { } else if (props.title == 'Join') { } 在错误TooReact limits the number of renders to prevent an i

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

回答已采纳

1回答

React限制渲染次数，以防止无限的loop...Too多次重新渲染

reactjs、redux、react-hooks、use-effect

我如何避免无限循环的问题？渲染以下组件时出现错误：重新渲染过多。React限制渲染的次数，以防止无限循环。 TeamContent.js多次重新渲染，如何在加载时设置初始渲染？Error given TeamContent.js import { useEffect, useRef } from "react"; import { useDispatch, useSelect

浏览 18提问于2021-11-14得票数 0

2回答

收到此错误" error : Too loop。React限制渲染次数以防止无限循环。“

reactjs、react-hooks、react-map-gl

我是reactjs的新手，我收到了这个错误：“错误:重新渲染太多。React限制了渲染的次数，以防止无限循环。”我不知道如何解决这个问题。

浏览 18提问于2020-02-07得票数 1

回答已采纳

1回答

reactjs -刷新页面时无限渲染

javascript、reactjs、frontend

假设我有一个代码：(我从另一个问题中复制了这个代码，因为它与我相似) //... simplified for purposehandleChange(field, value, errors) { </

浏览 0提问于2018-03-17得票数 0

5回答

为什么函数组件中的setState(钩子)会导致无限循环？

javascript、reactjs、react-hooks

以下是代码： const [a, setA] = useState(1) return ( <h1>{a}</h1> );误差太多的重新渲染。React限制呈现的数量，以防止无限循环。为什么它

浏览 10提问于2020-02-20得票数 5

回答已采纳

2回答

如何改变对象的setState在其他对象中的反应？

javascript、reactjs、use-state、setstate

我已经创建了一个处于React状态的对象的状态，但是我需要将另一个对象增加到相同的状态。但是，我不能使用setState()属性，因为它会导致重呈现(无限循环)。personalData: { alias: '', }错误： TooReact limits the number of renders t

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

1回答

在尝试对数据排序时，React会产生太多的呈现错误。

javascript、reactjs

每次运行应用程序：Too many re-renders.React limits the number of renders to prevent an infinite loop.时，我都会收到这样的错误消息import { Table } from 'semantic-ui-react'; import Moment from're

浏览 1提问于2020-05-23得票数 0

回答已采纳

2回答

我正在尝试使用setState (react)和gatsby创建离线模糊搜索，我遇到了一个使用gatsby存储“搜索”术语的问题。我得到以下错误:重新渲染太多。React限制渲染的次数，以防止无限循环。var results = fuse.search("marketing") //returns 11 items setPosts(results) //causes infinite loop</em

浏览 89提问于2019-09-26得票数 1

2回答

react原生呈现按钮列表无法找出问题所在

javascript、react-native、button、rendering、setstate

我正在尝试根据用户的输入创建一个按钮列表，输入类型是一个选项数组，比如so multipleOptions = ['1', '2', '3']，然后我们循环每个选项来显示一个按钮无法找出它不工作的原因，这是我的代码： import React, { useState } from 'react'; import { StyleSheet, Text, TouchableOpacity, View }from 'react-native

浏览 17提问于2021-01-19得票数 0

回答已采纳

1回答

React无限渲染循环

javascript、reactjs、redux、infinite-loop

当我第一次尝试在Home组件上渲染时，加载花了一段时间，然后我尝试通过我的v4地址(相同的网络)从我的移动设备打开它，加载时间太长了。下面是我在Home组件中呈现这个组件的方式： import React from "react"import { NavLink} from "react-router-dom" import ".下面是我渲染<

浏览 17提问于2021-01-08得票数 1

回答已采纳

1回答

使用React钩子时Reactjs中出现无限循环错误

javascript、reactjs、react-hooks

我是第一次使用React并尝试使用React Hooks，但我遇到了错误。我不能找出哪一行代码导致了无限循环，就像在控制台中说的那样 Too many re-renders.React limits the number of renders to prevent an infinite loop The above error occurred in the <ProcessingInvoiceScreenProcessingInvoiceScreen

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

回答已采纳

1回答

在React中重新呈现之前预先计算JSX变量

reactjs、render、state、jsx

在调用re-render()函数之前，是否可以使用react准备一个变量以在JSX中显示？count_function() { // const count = this.count_function() // This can't be put in state, otherwise 'infinite-loopreturn ( {count} </d

浏览 2提问于2017-07-20得票数 2

1回答

如何修复过多的重新渲染。React限制渲染次数以防止无限循环

javascript、reactjs、firebase、firebase-realtime-database、firebase-authentication

它显示了太多的重新渲染。React限制渲染的次数，以防止无限循环。它是如何无限循环的？是on("value")的beacuase吗？ import React from "react";import firebase from "firebase" import { useStat

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

回答已采纳

1回答

为什么我的函数组件中的状态变化不能连续触发重新渲染？

reactjs

当我通过实验useEffect和useState来测试触发重新渲染的不同场景时，我遇到了一个连续更改状态(实际上，预期的无限循环)不会导致连续触发渲染的示例。考虑下面或CodeSandbox上的代码示例：https://co5tj.csb.app/ 我真的希望渲染循环进入无限循环，但它并没有。 import "./styles.css"; import React, { us

浏览 8提问于2021-04-18得票数 0

1回答

组件在react中呈现了6次

reactjs、api、react-hooks

问题是钩子的主体被渲染了6次。因此，当我尝试使用自定义钩子(UseFetchData)返回的数据在上下文文件中进行setState时，我得到了错误- " error : Too - many - renders .React限制呈现的次数以防止无限循环“。我认为某些状态更改会导致它重新呈现。context.js import React, { useState, createContext } from "react"; import us

浏览 32提问于2020-08-19得票数 0

2回答

如果react组件重新呈现，是否意味着该组件中的所有代码都将重新运行？

reactjs

我很难理解react重新渲染。如果发生状态更改并计划重新呈现，是否仅在运行组件所有代码后才进行重新呈现？){ } console.log("this log looppizza'); <div> )

浏览 4提问于2019-03-29得票数 2

1回答

setShowModal不支持过多的重新渲染。React限制渲染次数以防止无限循环

reactjs、react-hooks

我在if seconds === 0的情况下调用状态函数，但我一直收到这个错误"Too loop- renders . React限制呈现的次数以防止无限循环“。我哪里做错了？ 

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

回答已采纳

2回答

在useState if else语句中，React呈现过多

reactjs

} else { </div> {/* End Navb

浏览 27提问于2021-11-06得票数 0

回答已采纳

2回答

使用Axios和useState/useEffect无限重新渲染React功能组件？

javascript、reactjs、typescript、use-effect、use-state

我正在尝试使用Typescript创建一个React功能组件，它将从API获取数据，然后将数据发送到另一个组件，但是，我得到了一个错误：" error : Too loop- renders .React限制呈现的次数，以防止无限循环。“ 请提供任何建议！import React, { useEffect, useState } from 'react'; import { Row, Col, CardGroup } fr

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

回答已采纳

点击加载更多