1回答
将变量设置为相同值时的无限重呈现
、、、、
我使用了一个React本机功能组件，如下所示：
export const Component1 = () => {
const [var1, setVar1] = useState(false);
setVar1(false);
return (
<View...>
)
}
这是一个无限循环，但是当我移除setVar1(false)时，它就没有了。我假设如果我继续将var1重新设置为相同的false值，组件就不会重新呈现。我该怎么防止这个重渲染？
浏览 6提问于2022-10-11得票数 3
我正在开发一个ReactJS网络应用程序。我对正在工作的代码进行了更改，现在我得到了一个错误：
Error: Minified React error #301
我可以恢复代码，使它再次工作，但我不知道我做错了什么，以得到这个错误。
注意:我最后补充的是：
const [openDialog, setOpenDialog] = useState(false);
所以也许我不能用这个。
React有错误代码和解释列表吗？
寻找答案：
搜索了React error codes and explanations。没什么能帮上忙的。
浏览 3提问于2019-10-30得票数 4
回答已采纳
让我们看一下下面的代码
import React from "react"
export default function App() {
const [isGoingOut, setGoingOut] = React.useState(false);
function yeet() {
setGoingOut(prevValue => prevValue ? false : true);
}
return (
<div className="state"&
浏览 0提问于2021-12-01得票数 2
1回答
我正在从getCount函数的孩子那里得到道具。把它设为州。而不是把它设置在组件中，得到无穷大的循环。我怎么才能解决呢？
有父组件的代码：
import React, { Component } from "react";
import Message from "./Message/Message";
export default class Widget extends React.Component {
constructor(props) {
super(props);
this.state = {
color: {
浏览 0提问于2018-06-26得票数 0
回答已采纳
有人能帮帮我吗？基本上，我正在为学校的一个项目使用React和Typescript，突然，这个错误发生了，我不明白为什么……我试着用一个布尔状态和一个简单的Work[]来解决这个问题，这两个状态总是会出现相同的错误:太多的重新渲染，我不知道为什么。感谢救了我的仁慈的灵魂，我感谢你 这是我的组件 export default function WorkList(props :any) {
const id = props.id
const [works, setWorks] = useState<Work[]>()
useEffect(()=> {
浏览 34提问于2021-08-20得票数 0
当我从父组件(Post)使用usePost hook调用setPost时，为什么这会导致无限的重新渲染器？是什么导致了这个错误？ function Post({ activePostId }) {
const { status, post, setPost, error, refetch } = usePost(activePostId)
const [savePost, savePostStatus] = useSavePost()
setPost('SetPost')
const onSubmit = async (values) => {
浏览 23提问于2021-05-08得票数 0
回答已采纳
我目前正在一个预订座位的网站上工作。我希望向其添加一个事件侦听器，以便当它被单击时，它可以调用将存储div值的函数。但是，每当我在网站的整个内容中添加onClick事件时，都不会显示(只显示一个空白页面)。我的密码有什么问题吗？而且，我对此反应很新，如果可能的话，你们能解释一下你们的答案吗.？
这是我的密码
import React, { useState } from "react";
const Ticketing = () => {
const [seat1, selectSeat1] = useState();
const [seat2,
浏览 3提问于2022-08-27得票数 1
PropTypes无效(忽略！)这个简单的组件，我尝试了所有的方法，但它不起作用。
import React, { useEffect, useState } from "react";
import PropTypes from "prop-types";
import Item from "./Item";
import chunkArray from "../../utils/chunkArray";
const AllItems = (props) => {
const { items, title }
浏览 2提问于2021-07-08得票数 2
3回答
我正在做一些事情，我的一段代码有点慢，我认为发生的情况是组件无缘无故地重新渲染了太多次。有没有办法检查一个组件在react(或react-native )中重新渲染了多少次？我尝试做的是在render方法后放置一个console.log，并计算有多少个，但我不确定这是否有效。提前感谢！
浏览 6提问于2019-02-07得票数 9
回答已采纳
我已经在react中创建了一个带有标签的Slider。当用户移动Slider时，下面的数字会突出显示，我通过给出number类实现了这一点。 <span
className={scaleHighlightClass[index]}
key={index}
ref={scaleElement}
onClick={() => handleClickOnScale(index)}
> scaleHighlightClass数组使用钩子，如下所示： const [scaleHighlightClass, setScaleHighlightClass] = u
浏览 23提问于2021-09-17得票数 1
回答已采纳
2回答
我想要一些帮助，请理解为什么下面的代码导致inf呈现循环。在我看来，这应该是一个循环：
渲染容器。
渲染子StrRow。
第一次运行效果并调用update()。
更改容器状态。
重新渲染容器。
重新渲染StrRow.
由于依赖项没有更改，不会再次运行。
然而，这种效果似乎是在StrRow的每次呈现之后运行的。
function Container() {
const [count, setCount] = React.useState(0);
const update = React.useCallback(() => {
浏览 3提问于2020-05-06得票数 0
回答已采纳
我有以下钩子：
const useBar = () => {
const [myFoo, setFoo] = useState(0);
const [myBar, setBar] = useState(0);
useEffect(() => {
setFoo(myFoo + 1);
console.log("setting foo (1)", myFoo, myBar);
}, [setFoo, myFoo, myBar]);
useEffect(() => {
setBar(myBar + 1);
cons
浏览 12提问于2019-07-18得票数 6
回答已采纳
1回答
我有一张这样的桌子：
|id |name |parent|
+-------+----------+------+
|1 |iran | |
|2 |iraq | |
|3 |tehran |1 |
|4 |tehran |3 |
|5 |Vaiasr St |4 |
|6 |Fars |1 |
|7 |shiraz |6 |
是关于从一个国家到另一个街道的地址。我想通过递归cte创建地址，如下所示：
浏览 2提问于2022-11-20得票数 -1
我正在用MERN堆栈构建一个应用程序，现在它只搜索DB上的一些数据并在页面上打印出来，但是在运行代码时我会得到这个错误：
错误:超过最大更新深度。当组件在componentWillUpdate或componentDidUpdate中反复调用componentDidUpdate时，就会发生这种情况。React限制嵌套更新的数量，以防止无限循环。
它说它来自Module../src/index.js，但是我看不到其中的任何问题。
3 | import App from "./App";
4 | import * as serviceWorker from "./s
浏览 7提问于2020-06-20得票数 0
回答已采纳
我是服务器端的新手。
我想要恢复我被杀死的节点js服务器，这是由于一些错误发生的。
我一直在寻找，但我想利用新公司，任何帮助都是感激的。
浏览 0提问于2017-09-22得票数 0
1回答
使用Node.js / Express，我定义了一个路径，传入一个请求和响应。 我总是希望在命中此路径时包含种子url参数，因此我将种子查询参数设置为0并重定向url。 我接下来要做的是对每个请求/响应随机化该参数，并基于另一个url参数(在本例中为random=true )的附加内容来更新url。 默认路由应类似于localhost:3000/default?seed=0 如果使用random=true参数，则路由可能类似于localhost:3000/default?seed=456&random=true，其中种子在每次请求时都会更新。 我的代码(使用express、canva
浏览 14提问于2019-10-17得票数 0
app.get('/',function (req,res) {
client.getAllOffers(null,function(err, resp) {
if (!err) {
offer = JSON.parse(resp);
test1 = offer.allOffersList.length;
res.send(offer);
for(var i=0;i<test1;i++) {
var stmt = "
浏览 0提问于2018-04-14得票数 0
最小化的反应错误#185；访问获取完整的消息，或者使用非最小化的开发环境获取完整的错误和其他有用的警告。
我在部署时遇到了这个错误
我听说当组件在componentWillUpdate或componentDidUpdate中重复调用setState时，可能会发生此错误。
但是在我的组件中没有componentWillUpdate和componentDidUpdate。
为什么它会发生在我的组件中？
这是我的状态初始化。
constructor(props) {
super(props);
this.state = {
isLoggedIn: false,
浏览 37提问于2021-06-05得票数 0
WITH recursive T1(USER_NAME,ID, PARENT_ID, LVL, ROOT_ID, PATH) AS (
-- ANCHOR MEMBER.
SELECT USR_NM,USR_NO,
MNGR_EMPLY_NBR PARENT_ID,
1 AS LVL,
USR_NO AS ROOT_ID,
TO_CHAR(FRST_NM || ' ' || LST_NM) AS PATH
FROM EMPLOYEE
UNION ALL
-- RECURSIVE MEMBER.
SELECT T2.USR
浏览 6提问于2022-03-04得票数 0
在进行任何操作之前，我都在清理控制台中的警告，并且有一组组件是非常相似的(结构化的)。这些值是特定于每个组件的。似乎试图在if语句中设置State并不是一个好主意。
原解决方案，并重新声明：
const [value, setValue] = React.useState({
quoteId: false,
quotePage: false,
quoteExcerpt: false,
quoteComment: false,
});
var allEmpty = true;
if (
value.quoteId &&
浏览 3提问于2021-06-25得票数 1
回答已采纳
1回答
我正在使用reactjs创建光滑的滑块。滑块工作正常，但它可以多次渲染幻灯片。我正在使用map函数循环幻灯片。 截图： ? 我的脚本： import React, {Component} from 'react';
import Slider from "react-slick";
import "slick-carousel/slick/slick.css";
import "slick-carousel/slick/slick-theme.css";
import '../css/Header.css'
浏览 22提问于2020-01-26得票数 1
回答已采纳
2回答
我正在从一个网站获取一些数据，需要浏览很多页面-有时他找不到选择器，一段时间后- TimeoutError和程序停止。
当程序遇到该错误或任何错误时，我希望自动重新启动程序。
我一直在尝试，但如果我在程序出现错误后手动关闭它，它就会重新启动。
浏览 2提问于2019-01-21得票数 0
3回答
如果之前有人问过这个问题，我很抱歉，但我找不到与我的情况相匹配的正确答案。
我有一些批处理文件，它们总是在运行，因为java程序在里面运行。然而，有时它们会崩溃，因为我没有监控它们，所以需要一段时间才能重新启动它们。
我想问一下，有没有一种方法可以监控这些批处理文件，或者即使它们崩溃了，我如何重新启动这些批处理文件。我正在Windows XP上运行这些文件。
谢谢
浏览 0提问于2012-02-17得票数 1
我试图加载QuestionsComponent组件的基础上，没有收到的问题，在道具；
功能可以工作，但是应用程序挂起一些东西，在控制台中，我可以看到console.log(steps);被记录了无限次。
我在这里做错了什么？
请帮帮忙
const DynamicForm: React.FC<any> = ({ questions }) => {
const q: any = [];
const [steps, setSetps] = useState([]);
const [step, setStep] = useState(0);
const refs =
浏览 6提问于2022-04-30得票数 2
回答已采纳
1回答
File "/home/abhigenie92/stanford2/Code/dependencies.py", line 18, in get_dependencies
result = loads(server.parse(sentence));
File "/home/abhigenie92/stanford-corenlp-python/jsonrpc.py", line 934, in __call__
return self.__req(self.__name, args, kwargs)
File "/home/
浏览 1提问于2015-09-13得票数 0
2回答
我试图使用从父组件获得的道具更新组件的状态，但我得到了以下错误消息：
太多的重新呈现。React限制呈现的数量，以防止无限循环。
如果支柱发生变化，我希望本地状态更新。类似的帖子(，，)并没有为我修正。
import React, {useState} from "react"
const HomeWorld = (props) => {
const [planetData, setPlanetData] = useState([]);
if(props.Selected === true){
setPlanetData(props.
浏览 4提问于2019-09-24得票数 5
回答已采纳
export default function Test() {
const [myState, setmyState] = useState(0);
let myPromise = new Promise(function (myResolve, myReject) {
setmyState(1);
setTimeout(function () {
myResolve(myState);
}, 3000);
});
useEffect(() => {
myPromise.then(function (value) {
浏览 26提问于2021-04-01得票数 0
回答已采纳
我使用Ionic React并使用插件加载本地数据。我只调用该函数一次，但它被调用了很多次 Main.jsx import React ,{useState} from 'react';
import {
IonApp,
IonHeader,
IonTitle,
IonToolbar,
IonContent,
IonInput,
IonList,
IonItem,
IonLabel,
IonButton
} from '@ionic/react';
import 'cap
浏览 18提问于2020-10-19得票数 1
回答已采纳
当我试图通过我的应用程序上的登录表单更改状态时，它给出一个错误消息： 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. 我不知道我在哪里引起了无限循环。下面是发生问题的app.js： class App extend
浏览 87提问于2020-10-14得票数 0
我定义： const countryCode = "ca"; 。。 const [countryKode, setCountryKode] = useState("") 。。 setCountryKode(countryCode)
console.log(countryKode) ???? Should it display the value???? 。。 return (
<div className={classes.root}>
<h1> Country Code: {country
浏览 15提问于2020-07-03得票数 0
3回答
我刚开始反应...
此代码仅在3秒后使用布尔值呈现。
但是下面的代码一直在渲染..渲染..正在渲染...几乎每三秒一次。
import React, { useState } from "react";
const App = () => {
const [isLoading, setIsLoading] = useState(true);
setTimeout(() => {
setIsLoading(!isLoading);
}, 3000);
return <h1>{isLoading ? "Loading&#
浏览 32提问于2021-02-19得票数 0
回答已采纳
以下是代码：
import React, { useState } from 'react'
function App() {
const [a, setA] = useState(1)
setA(2)
return (
<div>
<h1>{a}</h1>
</div>
);
}
误差太多的重新渲染。React限制呈现的数量，以防止无限循环。
为什么它会导致无限循环？
我认为原因是函数组件就像呈现函数一样，所以当setState在render函数中时会导致无限循环。
有官方解释吗？
浏览 10提问于2020-02-20得票数 5
回答已采纳
我有这个错误，我以前没有这个错误：不变冲突:超过最大更新深度。当组件在componentWillUpdate或componentDidUpdate中重复调用setState时，可能会发生这种情况。React限制嵌套更新的数量，以防止无限循环。
此错误位于:在连接中(在LoginForm.js:75)
render() {
const { inputStyle, containerStylePass, containerStyleIdent, barStyle, textInputStyle } = styles;
return (
<View>
<View&g
浏览 0提问于2018-05-21得票数 12
回答已采纳
代码显示数组中的用户记录。我还创建了一个updateCount()函数，它在内容显示上对用户进行计数。
我可以看到计数结果，警告了，并在控制台中看到。
现在我想显示计数结果，为此，我在setState()函数中初始化了updateCount方法。
updateCount = userId => {
...some code missing
this.setState({dataCount: count});
}
这将导致结果的无限循环，这是由于重呈现。是否有办法将setState从UpdateCount()函数中取出，使我能够很好地显示计数结果或任何更好的可能方法。
这里
浏览 1提问于2019-02-19得票数 5
回答已采纳
1回答
import React from 'react';
class App extends React.Component{
constructor(){
super()
this.state = {
count: 0
}
this.clicked = this.clicked.bind(this)
}
clicked(){
this.setState(prevState =>{
return {
count : prevState.count+1
}
})
浏览 6提问于2019-11-26得票数 0
回答已采纳
2回答
我编写了一个简单的React来测试React如何呈现
import ReactDOM from 'react-dom';
import React, { useState, useEffect } from 'react';
const App = (props) => {
// State
const [trackIndex, setTrackIndex] = useState(1);
const [trackProgress, setTrackProgress] = useState(0);
const clickHandler =
浏览 7提问于2021-11-24得票数 0
这是我的代码。我想在列表的顶部添加一个新的费用项目。我希望得到一些帮助，告诉我如何在列表的顶端创建新的费用。我一直得到相同的错误:太多的重新渲染。React限制渲染的次数，以防止无限循环。我该如何解决这个问题呢？
import React, { useState } from "react";
import { Text, View, ScrollView } from "react-native";
import NewExpense from "../NewExpense";
import {
selectTitle,
selectP
浏览 1提问于2021-09-06得票数 0
RangeError:最大调用堆栈大小超过了Reactjs？代码工作正常，但当我单击最后一次测验时，显示错误RangeError:最大调用堆栈大小已超出，并且分数未显示在下面的红色标记图像中，请帮助我如何解决此问题我是react的新手
<code>B0</code>
index.js
<code>A1</code>
Questionlist.jsx
<code>A2</code>
Question.jsx
<code>A3</code>
Scorebox.jsx
<code>A4&l
浏览 12提问于2020-07-30得票数 0
1回答
我正在尝试用react制作天气应用程序，我想通过在input中输入城市的input来改变城市。我的函数必须改变状态：
update( e ){
this.setState({cityName: e.target.value})
}
在渲染功能中，我有：
return <div id="layout-content" className="layout-content-wrapper">
<input type="text"
on
浏览 2提问于2017-04-04得票数 0
回答已采纳
1回答
所以我试着把一些道具从一个孩子送到另一个家长，并得到了这个错误。我正在尝试从子组件发送回调函数到父函数，并在子组件中调用该函数。我以前用过这个，但是这次我得到了这个错误。
这是我的父组件。
import React from 'react';
import AppBar from '@material-ui/core/AppBar';
import SideDrawer from './SideDrawer';
class Header extends React.Component {
state={
drawer
浏览 3提问于2020-02-10得票数 1
回答已采纳
你好，我是ReactJs的新开发人员。我有一个关于useEffect渲染的问题。我有一个例子，我试图随着时间改变背景图像，但useEffect渲染了太多，我的背景图像随着时间循环。我只想改变我的图像的顺序，如bg1，bg2，bg3等，我如何解决这个无限渲染？ 我的示例.tsx import React, { useEffect, useState } from 'react';
import { connect } from "../../../store/store";
const LeftPart = (props: any) => {
浏览 8提问于2020-04-13得票数 0
回答已采纳
在我的代码中，我正在开发一个mern应用程序，我已经创建了许多组件，并使用了react状态钩子和反应性上下文api钩子来管理通过应用程序的数据流，但是在一个已经存在多个状态的组件中，我创建了一个新的状态，它显示了错误，我的新的状态代码被附加了。
const [a, seta] = useState("garg");
seta("naman");
我的应用程序在显示许多警告后停止，警告1:-
at renderWithHooks (react-dom.development.js:14997)
at mountIndeterminateCom
浏览 1提问于2021-11-21得票数 1
回答已采纳
TL;DR:我正在尝试使用新的react-hooks api，但是在调用setState钩子时我一直得到一个不变的违规错误，但是它一直失败。
import React, { useState } from 'react';
// type State = {
// heading: string;
// }
const Text = () => {
const initialState = 'Heading'.toUpperCase();
const [heading, setHeading] = useState(initialStat
浏览 0提问于2018-12-04得票数 6
回答已采纳
2回答
我有一个有宾语的国家。我正在useEffect中运行一个useEffect函数，并将对象状态传递为dependency。
我将状态对象作为依赖项传递，因为我希望在settings对象的值更改时重新呈现组件。
但它会导致无限循环。
更新：
让我进一步澄清我的问题。
在我的useEffect中，我调用异步函数addTextItem()，它调用函数finalPrice并更新状态，但是这样会导致无限循环。
另一方面，如果我在useEffect中直接调用addTextItem而不是调用addTextItem，那么就没有无限循环，但是它也在更新状态，对吗？那这是怎么回事。&我需要一个解决方
浏览 6提问于2022-05-10得票数 0
回答已采纳
我的错误越来越严重了。太多的重新渲染。
我想做什么？
单击按钮时，调用开始函数并打开模式弹出。一旦开始功能完成，我必须关闭模式弹出。
下面是密码，
enum CheckStatus {
INITIAL,
STARTING,
STARTED,
FINISHED,
FAILED,
}
const useSomeHook = (id) => {
const [status, setStatus] = React.useState(CheckStatus.INITIAL);
const start = React.useCall
浏览 9提问于2021-12-31得票数 0
2回答
我已经开始阅读Hooks文档，并意识到一些事情。当我直接使用useState()返回的函数时，如下所示： const [count, setCount] = useState(0);
.
.
.
<button onClick={setCount(count + 1)}>+1</button> React无限地重新渲染，并给出最大堆叠达到的误差。这一切为什么要发生？有人能给我详细解释一下吗？
浏览 25提问于2020-08-12得票数 0
回答已采纳
2回答
我试图让我的组件在道具改变时重新渲染和获取新数据，但我不能让它工作。
export default class InfoTagEditor extends React.PureComponent<Props, State> {
componentDidUpdate() {
$.get('/webapi/getData?componentId=' + this.props.id, function (data) {
this.setState({value: data});
this.initCo
浏览 0提问于2019-05-08得票数 0
14回答
我试图在ReactJS中切换组件的状态，但是我得到了一个错误，声明：
超过最大更新深度。当组件在componentWillUpdate或componentDidUpdate中反复调用componentDidUpdate时，就会发生这种情况。React限制嵌套更新的数量，以防止无限循环。
在我的代码中看不到无限循环，有人能帮忙吗？
ReactJS组件代码：
import React, { Component } from 'react';
import styled from 'styled-components';
class Item extends
浏览 30提问于2018-01-29得票数 273
回答已采纳
4回答
所以最近我开始了一个有趣的项目来玩弄NextJS。 我遇到了一个关于我的计数状态的问题： //Core
import React, { useState, useEffect } from 'react';
//Style
import styles from './form.module.scss';
export default function Form({ placeholder }) {
const [count, setCounter] = useState(0);
return (
<form>
&l
浏览 26提问于2021-07-05得票数 0
回答已采纳
我在玩React钩子，我试着做一个非常基础的时钟。它工作得很好，甚至分析器都说没有奇怪的重新渲染。让我有点担心的是useEffect调用updateTimeAndDate的地方，这会改变状态。我觉得它应该进入一个重现循环。为什么它还能工作？我不能说得更好了，抱歉。:D
它还能更好一点吗？这就是它：
const addZero = (trunk) => (trunk >= 10 ? "" : "0") + trunk;
const [hours, setHours] = useState(addZero(0));
const [minutes, se
浏览 15提问于2020-07-20得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
