Loading [MathJax]/jax/output/CommonHTML/config.js

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >React+redux，组件数组。如何从这个数组中重新渲染更改过的组件？

问React+redux，组件数组。如何从这个数组中重新渲染更改过的组件？
EN

Stack Overflow用户

提问于 2017-10-06 17:04:51

回答 2查看 790关注 0票数 0

例如，在页面上，我有许多组件，许多组件数组。如果我分派一些操作，整个页面都会重新呈现所有这些组件数组。但我不需要在页面上重新呈现未更改的项目/组件。我只想要更改的组件被重新渲染。我知道有shouldComponentUpdate()。但是在每个组件中使用shouldComponentUpdate编写逻辑并不是很酷。也许有一些库可以做到这一点，或者可能有一些替代方法？我听说过reactjs/reselect，这对于这样的问题是正确的吗，或者如果我误解了，请告诉我reselect代表哪些问题？那么使用功能组件的情况又如何呢？

也许还有一些库可以用来优化性能和控制哪些组件允许重建？

我还找到了https://github.com/seatgeek/react-infinite https://github.com/bvaughn/react-virtualized这两个库有相同的目的吗？有什么不同？选择哪一个？

还有一个简单的问题，假设我正在获取数据，它正在添加到数组中。如何在每次获取新项时只呈现添加的项，而不是整个数组？

EN

回答 2

Stack Overflow用户

发布于 2017-10-06 17:43:22

是的，你是对的。

我建议你调查一下reselect。

重新选择允许您对数据进行记忆，并仅选择在应用程序的某些部分中使用的存储部分。

使用选择器，如果存储的选定部分发生更改，库将导致DOM重新呈现；但是，即使存储的部分发生更改但没有连接到所需的数据，也不会。

票数 0

EN

Stack Overflow用户

发布于 2017-10-06 21:32:09

重新选择他的一个很棒的库，这就是你需要的。唯一的缺点是如果您在许多组件中使用选择器。您需要为每个选择器创建一个实例，以使其成为私有的。可以通过像这里显示的https://github.com/reactjs/reselect#sharing-selectors-with-props-across-multiple-components一样创建一个makeMapStateToProps函数来轻松完成。但我不喜欢为我需要的每一个选择器做这个。所以我找到了这个库，它是最后一个https://github.com/toomuchdesign/re-reselect的扩展。这个函数执行相同的选择器，但您可以使用一些键进行缓存。

票数 0

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/46610672

复制

相关文章

CruiseControl 安装配置教程实例搭建服务器（CruiseControl + git/svn）

去下载最新的安装包，在xp下的话，直接下载exe最好了~~ CruiseControl过程简单讲就是：按照config.xml的配置，定期对配置的项目进行更新，然后自动构建（这里就需要配置用什么来获取，CVS还是SVN等），并做好每次构建的记录。 CruiseControl持续集成环境的配置安装第一步： A、从官方网站下载最新的稳定版本（最好下载exe版本，不用配置这么多变量） B、下载JAVA安装包　　　C、安装代码同步工具，SVN或Git等

用户1258909

2018/07/03

1K0

Spring support in Geronimo,看来It行业新的就是好的

There was an EJB 3 talk at the "licensee" day, which happens before JavaOne starts for everyone else.

田春峰-JCJC错别字检测

2019/02/14

4010

【测试】语句覆盖，判定覆盖，条件覆盖，路径覆盖

https java 网络安全

大家好，又见面了，我是你们的朋友全栈君。白盒测试法的覆盖标准有逻辑覆盖、循环覆盖和基本路径测试。其中逻辑覆盖包括语句覆盖、判定覆盖、条件覆盖、判定/条件覆盖、条件组合覆盖和路径覆盖。六种覆盖标准发现错误的能力呈由弱到强的变化：

全栈程序员站长

2022/08/09

2.9K0

Gallio 自动化测试平台

自动化测试 .net

Gallio是MbUnit的作者组织开发的一个开源项目，非常值得从事测试开发的同学们的注意。根据Gallio网站的描述：Gallio自动化平台是一个开放的，可扩展，和中立的系统，为.NET提供了一个公共的对象模型，运行时的服务和工具（例如测试运行器），在任何数量的测试框架中起协调作用。 Gallio平台的目标是促进建立一个丰富的社区和厂商所开发的大量的测试工具之间互操作的生态系统，以便处理比单个独立测试框架更广泛的测试需求。单元测试、集成测试、性能测试，甚至半自动化的测试都可以利用公共的基础设施。此外还需

张善友

2018/01/29

1.6K0

程序员修炼The Pragmatic Starter Kit

http 单元测试 java servlet windows

项目自动化之道Pragmatic Project Automation How To Build, Deploy, and Monitor Java Applications http://www.pragmaticprogrammer.com/sk/auto/

阿敏总司令

2019/02/28

4640

CI学习 CCNET Config 第一天

CCNet的整体结构就是一个Xml文档，根元素就是cruisecontrol，具体的代码块如下所示： <cruisecontrol xmlns:cb="urn:ccnet.config.builder"> <project name="P1"> <other settings /> </project> <project name="P2"> <other settings /> </project> </cruisecontro

用户1198337

2018/01/19

6300

《持续交付：发布可靠软件的系统方法》第3章持续集成

腾讯云测试服务 cci 持续集成自动化测试单元测试 http

第3章持续集成 3.1　引言持续集成要求每当有人提交代码时，就对整个应用进行构建，并对其执行全面的自动化测试集合。而且至关重要的是，假如构建或测试过程失败，开发团队就要停下手中的工作，立即修复它。持续集成的目标是让正在开发的软件一直处于可工作状态持续集成是一种根本的颠覆。如果没有持续集成，你开发的软件将一直处于无法运行状态，直至（通常是测试或集成阶段）有人来验证它能否工作。有了持续集成以后，软件在每次修改之后都会被证明是可以工作的（假如有足够全面的自动化测试集合的话）。即便它被破坏了，你也很快就能知道

yeedomliu

2019/09/28

1.1K0

持续交付之.Net项目单测自动化框架落地（入门篇）

自动化测试框架和平台形形色色，只有最合适项目团队的才是最好的，本文带着快速搭建一个属于自己.Net项目的轻型单测自动化框架

高楼Zee

2019/10/29

9590

持续交付之.Net项目单测自动化框架落地（入门篇）

题意我们可以用 2 * 1 的小矩形横着或者竖着去覆盖更大的矩形。请问用 n 个 2 * 1 的小矩形无重叠地覆盖一个 2 * n 的大矩形，总共有多少种方法？样例对于一个 2 * 3 的矩阵，返回 3。思路当 n 为 1 时，也就是 2 * 1 的大矩阵，只有一种方法：当 n 为 2 时，也就是 2 * 2 的大矩阵，有两种方法：当 n 为 3 时，也就是 2 * 3 的大矩阵，有三种方法：当 n 为 4 时，也就是 2 * 4 的大矩阵，应该有几种方法呢？ 4.1 根据原来 n =

一份执着✘

2018/06/04

1.3K0

http 编程算法 php 网络安全

什么是变量覆盖呢？变量覆盖指的是用我们自定义的参数值替换程序原有的变量值，一般变量覆盖漏洞需要结合程序的其它功能来实现完整的攻击。

宸寰客

2020/09/07

4.4K0

Jenkins系列一：安装和简单配置Jenkins简单介绍Jenkins安装

Jenkins是一个开源软件项目，旨在提供一个开放易用的软件平台，使软件的持续集成变成可能。

格子Lin

2018/08/27

2.1K0

Jenkins系列一：安装和简单配置Jenkins简单介绍Jenkins安装

[剑指offer] 矩形覆盖

我们可以用2 * 1的小矩形横着或者竖着去覆盖更大的矩形。请问用n个2 * 1的小矩形无重叠地覆盖一个2 * n的大矩形，总共有多少种方法？

尾尾部落

2018/09/04

1.2K0

.NET Core单元测试之搞死开发的覆盖率统计（coverlet + ReportGenerator ）

javascript 单元测试 xml .net

【“Support for Linux and Mac will be considered separately in a subsequent effort.”】

李国宝

2020/01/02

1.1K0

.NET Core单元测试之搞死开发的覆盖率统计（coverlet + ReportGenerator ）

重温《单元测试的艺术》，总结常用知识点

单元测试腾讯云测试服务网站

前几个月重温了单元测试的艺术。毕竟是14年的书内容有点旧，于是试着结合书中的内容和一些新的知识点写进这篇文章，希望对自己及各位读者有帮助。

dino.c

2019/07/30

1.6K0

重温《单元测试的艺术》，总结常用知识点

图像覆盖堆叠

2021-12-10 21:57:19.573 | INFO | __main__:image_stitching:49 - 待拼接图片的原尺寸: (460, 460) 2021-12-10 21:57:19.575 | INFO | __main__:image_stitching:52 - 待拼接图片重置尺寸: (1280, 1280) 2021-12-10 21:57:19.654 | INFO | __main__:image_stitching:58 - --- width=1280,heigh=1280 2021-12-10 21:57:20.915 | INFO | __main__:<module>:75 - 左右拼接完成 --- 2021-12-10 21:57:21.070 | INFO | __main__:image_synthesis:12 - 母图尺寸：(2560, 1280) 2021-12-10 21:57:21.071 | INFO | __main__:image_synthesis:14 - 子图尺寸：(460, 460) 2021-12-10 21:57:21.073 | INFO | __main__:image_synthesis:17 - 子图重置比例: 1.1130434782608696 2021-12-10 21:57:21.075 | INFO | __main__:image_synthesis:22 - 防止子图尺寸大于母图 2021-12-10 21:57:21.076 | INFO | __main__:image_synthesis:25 - 防止子图尺寸大于母图 2021-12-10 21:57:21.102 | INFO | __main__:image_synthesis:29 - 重置后子图尺寸：(413, 413) 2021-12-10 21:57:22.817 | INFO | __main__:<module>:79 - --- end --- res = C:/Users/xpp/Desktop/Lena\synthesis_.png 算法：图像覆盖堆叠是包括图像读取，图片尺寸读取，重置图片大小，图片等比缩放，图片拼接，图片覆盖与堆叠（子母图）在内。链接：https://www.cnpython.com/tags/290753

裴来凡

2022/05/29

6570

矩形覆盖_10

题目描述我们可以用21的小矩形横着或者竖着去覆盖更大的矩形。请问用n个21的小矩形无重叠地覆盖一个2*n的大矩形，总共有多少种方法？

名字是乱打的

2021/12/23

7830

第9条覆盖equals时总要覆盖hashCode

编程算法 hashmap

覆盖了equals方法,也必须覆盖hashCode方法,if not,就违反了hashCode的通用约定,会导致无法跟基于散列的集合正常运作.

程序亦非猿

2019/08/16

1.1K0

代码覆盖率VS测试覆盖率

黑盒测试腾讯云测试服务单元测试 python

测试覆盖率和代码覆盖率是衡量代码有效性的最流行方法。这些术语有时会同时出现，因为它们的基本原理相同。但是它们并不是那么一致。很多时候，测试团队和开发团队对这两个术语的使用感到困惑。下面详细讨论代码覆盖率和测试覆盖率之间的区别的原因。

FunTester

2021/11/15

2.5K0

逻辑覆盖例题

Public char function(int x,int y) { Char t; If((x>=10)&&y>=90)) { t=‘A’； } else { If((x+y)>=165) { t=’B’; } else { t=’c’; } } Return t; } i

week

2018/08/27

7190

PHP变量覆盖

变量覆盖，顾名思义，就是将原来变量的值给覆盖掉，变量覆盖漏洞有的时候可以直接让我们获取Webshell，拿到服务器的权限

Gh0st1nTheShel

2022/07/26

3.3K0

相似问题

NCover、TypeMock和MSTest

18

NCover覆盖率报告如何处理MSTest访问器？

20

如何集成NCover和MSTest 10.0？

16

如何使用CruiseControl配置MStest

11

使用NCover附加模块的NCover Nunit CruiseControl.NET任务

10

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例