React组件正在重新渲染无限次
React组件无限次重新渲染通常是由于以下几种原因：
- 状态更新：如果你在组件的
render方法或者useEffect钩子函数中更新状态，那么这可能会导致组件无限次重新渲染。因为每次状态更新都会触发组件的重新渲染，如果你在渲染过程中又更新了状态，那么就会形成一个无限循环。 - 父组件的重新渲染：如果父组件重新渲染，那么它的所有子组件也会重新渲染。如果父组件因为某种原因在无限次重新渲染，那么子组件也会跟着无限次重新渲染。
- Props改变：如果你的组件依赖于props，并且这些props在每次渲染时都在改变，那么这也可能会导致组件无限次重新渲染。
相关·内容
1回答
路由器文件中的几乎所有组件都会无限运行。不知道有什么问题。由于此问题，ajax请求会发送无限的GET请求。import { connect } from "react-redux";import { Route,
浏览 45提问于2021-02-20得票数 0
回答已采纳
我在mobx中使用react-router-dom："4.3.1“，并尝试重定向到我的路由。在阅读了很多类似的问题后，我无法解决这个问题。 我已经尝试在状态中存储一些标志，并根据它来使用。.');
this.forceUpdate(); 尝试在mobx装饰器之前和之后使用withRouter包装组件。使用withRouter，我的组件会启动infinity重新渲染，并且我的componentDidMound会无限次调用api。path="/a&#
浏览 15提问于2019-05-10得票数 0
1回答
<BrowserRouter></BrowserRouter>
假设应用程序组件呈现Header(链接列表)和Main(路由列表)，component.Does从一个链接导航到另一个链接重新呈现应用程序组件
浏览 2提问于2018-08-23得票数 1
1回答
描述:我正在尝试更新嵌套对象的状态。在更新嵌套对象时，我看到它的同级组件的render方法也在被调用。预期行为:在我读过的所有文章中，它指定如果我返回一个只包含更新的嵌套对象的新对象，react就足够智能，只渲染更新的对象。我的理解是，当我更新ExpectedSalary subobject时，react足够智能，可以重新呈现ExpectedSalary子组件。现在，为了避免重新渲染JobLevel，我需要使用shouldCompon
浏览 26提问于2019-10-29得票数 0
嗨，我有这两个功能组件，有人能解释一下为什么LoxoneApp组件中的控制台语句每秒都会被记录下来，即使它没有任何道具传递给它。提前感谢 import React from "react"; > ); export default SetLocation; 和 import React</
浏览 10提问于2020-07-07得票数 0
1回答
我正在尝试创建一个React.js组件，在加载该组件时，从Firebase实时数据库读取数据，并通过map()回调函数对其进行迭代。我不太清楚该把这个函数打到哪里去。当我在返回之前将其放置在useEffect下或组件中时，会得到太多的重新呈现，或者map()正在填充无限次。import React from 'react';
imp
浏览 2提问于2020-11-30得票数 0
假设我在一个组件的render方法中有一个console.log： render(){ return <div>Hello</div>}换句话说，记录render方法是否是了解非虚拟DOM是否
浏览 0提问于2019-02-10得票数 1
1回答
我喜欢的最佳反应是允许创建ui本机组件来桥接本机。
是否有可能在Kotlin/Java和Swift/Objective中创建ui？
浏览 0提问于2018-05-06得票数 0
回答已采纳
假设我在One.js中有一个名为SignIn()的react纯函数： import React from 'react';import{connect} from 'react-redux';
import {GoogleSignin, statusCodes} from '@react-native-community/google-signinsta
浏览 34提问于2020-04-03得票数 0
4回答
我正在使用Expo + React导航。
在我的React Native应用程序中有很多使用组件Map的屏幕。我不希望这个组件在切换屏幕时被重新渲染。有没有办法将我的组件Map保存到某种类型的存储中，这样每次我需要Map时，我的应用程序就不必重新渲染它？
浏览 2提问于2018-04-02得票数 5
在下面的React App代码中，我设置了一个useState属性，该属性绑定到一个名为Header的函数组件。演示代码中没有显示的是，我从位于HomePage组件中的另一个子组件调用triggerTestProp函数。 但是，每当我设置此属性时，不仅横幅会重新呈现，而且包含标题的整个页面也会重新呈现。我使用React Router进行导航，如演示代码中所示。你知道为什么整个页面都会被重新渲染，而不是像预期的那样只呈现标题吗？
浏览 44提问于2020-06-21得票数 0
回答已采纳
我们在react中有一个页面，可以渲染5个表。我们的需求是刷新单个表，以防我们在该表上执行某些活动，例如选择某些行和进行POST调用。
浏览 1提问于2015-10-08得票数 0
我有一个React应用程序，它当前重新渲染的频率比我想要的要高。我正在使用React DevTools事件探查器来记录我的会话，并且我选中了该选项来记录组件重新呈现的原因。对于有问题的组件，在“为什么呈现此组件？”下。上面写着“渲染的父组件”。然而，在devtools的组件树中，没有一个父组件正在呈现。他们都说“在这个分析会话期间没有渲染
浏览 17提问于2020-01-07得票数 2
假设我有一个react钩子组件 useEffect(()=>{ ...});
//Displays fetched data}class Parent extends Component<Child ... /> ...}
我的问题是，如果Parent
浏览 9提问于2020-02-19得票数 0
回答已采纳
1回答
我正面临这样的问题:如果我不将一个带有CSS过渡的元素包装到一个React子组件中，那么它会顺利地运行这个过渡，而如果我将它包装到一个子组件中，它根本不会显示这个过渡。...const [pb, setPb] = React.useState("0");
setTimeout(() => { }, 1000
浏览 11提问于2021-02-22得票数 0
1回答
如何正确地将参数从一个组件传递到另一个组件。在我的场景中，当我通过控制台将pass参数记录到另一个组件时，它们在最后一个组件中的实际字符串之前有一个空字符串。它应该只是实际的字符串。组件1： import {dataComponent} from '.functioncalhttp();
浏览 9提问于2019-08-02得票数 0
回答已采纳
如果React在重新渲染之前比较(浅)前一个状态和下一个状态，它将减少许多渲染，这有助于优化性能。
根据的说法，当setState方法被调用时，React总是呈现组件及其子组件。React应该巧妙地处理组件及其子组件的不必要的重新呈现。
浏览 8提问于2018-07-21得票数 5
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
