React组件重渲染过多，如何限制？

、

我在屏幕上生成一个组件列表，如下所示： const MessagesContainer = ({ messages, categories, addHandler }) => { </Button> ); }; 和包含addHandler的父组件 const { useState }= require("react")

浏览 24提问于2020-09-11得票数 0

2回答

错误:重新渲染过多。React限制渲染次数以防止无限循环

、、、、

如何防止出现以下错误：我刚刚把一个基于类的组件改成了函数组件，它不工作了import React, {Fragment, useState} from 'react'; import { BrowserRouter&client_id=${process.env.REACT_APP_GITHUB_CL

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

2回答

每次我发送一个动作和更新我的商店，我的整个应用程序重新呈现。我想我做错什么了吗?我的连接/mapDispatchToProps函数？把{ ...actions }作为第二个参数传递给connect函数App.js是正确的吗？class App extends Component { this.props.fetchPages(api.API_PAGES); window.addEventListener('resize&

浏览 0提问于2018-06-28得票数 3

回答已采纳

1回答

仅重新渲染特定的子级

、、

我正在构建一个动态表单，到目前为止，我的组件层次结构如下： App DynamicFormBuilder Patients我将一个使用context API的函数传递给子组件，以便它们可以更新DynamicFormBuiler中的状态。我面临的问题是，即使用户编辑了一个文本框，整个动态表单也会呈现出来。我已经在StackOverflow上看了很多关于使用shouldComponentUpdate生命周期方法的答案，但我不知道如何在这里使用它。Cod

浏览 19提问于2021-11-08得票数 0

1回答

如何使用react-hooks (useEffect)缓冲流式数据，以便能够一次更新另一个组件，从而避免多次重新渲染？

、、、、

如何使用react-hooks (useEffect)缓冲流式数据，以便能够一次更新另一个组件，从而避免多次重新渲染？我正在使用apollo-client构建一个用于数据加载的react假设我有一个ui组件，比如highcharts (concrete with <e

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

2回答

React数组或迭代器中的每个子元素都应该有一个唯一的“键”支柱。

、

我有一个问题的关键道具在一个反应JS组件。警告:数组或迭代器中的每个子元素都应该有一个唯一的“键”支柱。检查登录的呈现方法。这是应用程序的一个孩子通过的。import React from 'react';import React from 'react';LoginFor

浏览 7提问于2016-06-06得票数 8

1回答

如何防止react-router-dom Link组件重新渲染？

、

我试图限制每次用户点击时在我的应用程序上重新渲染的组件的数量。由于边栏呈现与用户位于哪个页面无关，因此将其包装在React.memo函数中似乎是有意义的。这可以很好地工作，并且边栏组件本身似乎不会重新呈现。但是，与SidebarAuthButtons和SidebarCreateButton一样，我从react-router-dom导入的<Link>元素也会重新呈现。我能做些什么来防止这种行为？import React, { memo } from &quo

浏览 13提问于2020-04-25得票数 2

1回答

如何在react-native中使用多线程？

、

React Native是单线程的。因此，在它的渲染中，不是让多个进程同时发生(多线程)，而是当一个组件正在渲染时，其他组件必须等待。我们如何处理react-native中的多线程限制？有没有人？

浏览 307提问于2021-02-01得票数 0

1回答

是什么使函数在React中呈现？

究竟是什么触发了在React中调用该函数？是在元素可见的时候吗？如果其中一个参数改变了呢？或者父函数被改变了？如果我只需切换元素，然后调用一个rest服务，我不希望这种情况一直发生。

浏览 2提问于2020-01-27得票数 0

回答已采纳

2回答

向上滚动视图时显示视图

、、、、

如何在滚动视图中限制视图的数量。我的组件渲染花费了太多时间，因为map函数渲染了太多视图。我只需要显示10个视图，当向上滚动时，渲染更多的10个。我使用的是react native、hooks和typescript。

浏览 33提问于2019-12-12得票数 0

回答已采纳

1回答

没有useEffect钩子，什么是做不到的？

、

我阅读了有关的文档，并了解了它如何使生活比生命周期方法更容易。然而，我想知道没有，是什么不可能的？

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

1回答

将变量设置为相同值时的无限重呈现

、、、、

我使用了一个React本机功能组件，如下所示： const [var1, setVar1] = useState(false);我假设如果我继续将var1重新设置为相同的false值，组件就不会重新呈现。我该怎么防止这个重渲染？

浏览 6提问于2022-10-11得票数 3

2回答

我如何能够持久地回忆录一个反应组件的呈现？

、、、

我知道React随而来，但我需要回忆录的值在第一次呈现时计算一次。所以在第一次渲染中回忆录没有意义，但是在未来的回忆录渲染将是有益的。我如何持续地回忆录一个反应组件的不同呈现？

浏览 2提问于2021-04-09得票数 0

回答已采纳

2回答

React redux连接渲染优化

、、

我想知道如何在React中管理复杂的状态，限制那些内容没有改变的组件的渲染调用的数量。我有简单的连接到redux存储容器组件与“项目”道具(这是数组)。这会导致重新渲染。(我在React Dev Tools中找到了它，它突出显示了更新的组件) 我是否应该担心这种不必要的重新渲染？处理它的最好方法是什么？我已经发现新的React.memo hoc停止重新渲染，但这是一个

浏览 39提问于2019-06-18得票数 4

1回答

是否可以从另一个对象数组的ID中找到对象数组内的值？

、、、、

React还显示了一个错误:重新渲染过多。React限制渲染次数以防止无限循环。我的代码： import { useState } from "react"; { suggestionId

浏览 13提问于2021-08-15得票数 0

回答已采纳

2回答

如何测试超过一层深度的React Native组件？

、

现在测试React Native组件的首选方法似乎是使用mocha、react-native-mock和酶的组合来浅层呈现组件。问题是，浅层渲染只深入一层，有时组件的嵌套视图需要您测试额外的一层或两层。理论上，酶支持mount()来完全呈现组件，但实际上这是失败的，因为。考虑到这些限制，人们如何测试超过一个呈现级别的组件？

浏览 14提问于2016-08-03得票数 10

回答已采纳

1回答

如何在react中限制经常重新呈现组件

、、、

我想限制连接到WS并经常获取数据的渲染组件，这会导致它经常重新渲染。我的解决方案是useMemo钩子，但是我不确定useMemo是不是为这种事情而设计的。可以肯定的是，每次更新data都会导致重新渲染，因为这就是useState的工作方式，而我必须更新这个data状态。您是否有一些建议或想法，如何限制<DataVisualizator />组件的重新渲染？，这些组件接收数据并应该扼杀他的子代。i

浏览 20提问于2021-10-08得票数 0

2回答

为什么当道具不改变时，无状态组件会重新呈现？

、

我正在使用react本机和redux实现android应用程序。我的容器组件经常更新，但是我传递给子级无状态组件的道具没有改变，但是它仍然一直在重新呈现。我怎么才能阻止这个重渲染？

浏览 4提问于2016-11-07得票数 0

回答已采纳

2回答

React函数组件状态-重新渲染过多。React限制渲染次数以防止无限循环

、、

我是React的新手，我正在尝试学习React函数组件状态。我想知道为什么我们需要做onClick={() => setCount(count + 1)}而不是onClick={setCount(count + 1)} const [count , setCount] = useState(0); return (

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

3回答