在mapStateToProps中引用所有实体类型会不会影响性能？
在mapStateToProps中引用所有实体类型可能会影响性能。mapStateToProps是React Redux中的一个函数，用于将Redux store中的状态映射到组件的props上。当在mapStateToProps中引用所有实体类型时，意味着每当任何一个实体类型的状态发生变化时，都会触发mapStateToProps的执行，进而触发组件的重新渲染。
这种做法可能会导致性能问题，特别是在应用中存在大量实体类型时。每次重新渲染都会触发组件的更新，即使实际上只有少数几个实体类型的状态发生了变化。这会造成不必要的计算和渲染开销，降低应用的性能。
为了解决这个问题，可以采取以下几种优化措施：
- 只引用组件所需的实体类型：在mapStateToProps中只引用组件实际需要的实体类型，避免引用所有实体类型。这样可以减少不必要的重新渲染。
- 使用reselect库进行状态选择：reselect是一个用于创建可记忆化（memoized）选择器的库。通过使用reselect，可以创建选择器函数来选择和计算组件所需的状态，只有在状态发生变化时才会重新计算。这样可以避免不必要的计算和渲染。
- 使用Immutable.js进行状态管理：Immutable.js是一个用于创建不可变数据结构的库。通过使用Immutable.js，可以确保Redux store中的状态不会被直接修改，从而更容易进行状态比较和优化。
以上是一些优化的建议，具体的实施方式可以根据应用的具体情况和需求进行调整。腾讯云提供了一系列与云计算相关的产品，例如云服务器、云数据库、云存储等，可以根据具体需求选择适合的产品。更多关于腾讯云产品的信息可以在腾讯云官网上找到：https://cloud.tencent.com/。
相关·内容
1回答
在mapStateToProps中引用所有实体类型会不会影响性能？
reactjs、redux、react-redux、normalization、normalizr
我一直在使用React，Redux和Normalizr构建一个相当广泛的应用程序，但一直在为过多的冗余渲染周期而苦苦挣扎，现在我在想，我可能误解了如何结合mapStateToProps和Normalizr。 在我的mapStateToProps中，我引用了所有特定实体类型，然后我可以使用它从ID中获取一个实体： function mapStateToProps(state) {
return {
allMilestones: state.account.entities.milestones,
allTasks: state.account.entit
浏览 24提问于2019-01-29得票数 0
2回答
react-redux + reselect +对多个连接的immutable.js调用(性能)
reactjs、redux、react-redux、reselect
不久前，我开始使用react，我有一个性能问题。
我使用react + redux + reselect + immutable.js。我有很多数据(比如数据量约为10MB的大表)。
我的问题是:当我有大约10000行数据时，react会用以下命令创建10000个组件:单个connect，memoize selector。
1行由大约50个键(来自不同的商店，例如:列高度，焦点索引)，数组等组成。例如键title。
当我修改store时，例如更改第123行中的title，redux将执行10000 memoize selectors，比较结果，10k行需要大约1-2秒！
当我知道哪个组件必须重
浏览 0提问于2019-07-22得票数 2
1回答
用Redux写回忆录重要吗？
javascript、reactjs、redux、react-redux
在阅读了大量关于“反应”、“Redux”和“回忆录”的文章之后，我想问一个问题.我能用这个用例逃脱吗？
假设我有一个具有以下数据的redux存储
// reduxStore
module.exports = {
randomData: [
{ name: 'John', age: 30 },
{ name: 'Peter', age: 25 },
{ name: 'Brenda', age: 15 }
];
};
现在，在我的组件中，我想检索平均年龄。我就这样说：
import Re
浏览 1提问于2018-12-19得票数 2
1回答
react立即将DataSet1和DataSet2存储到从DataSet1派生DataSet2的Redux
reactjs、react-redux、reselect
(如果问了类似的问题，很抱歉，但我在多个动作分发中发现了问题，并且正在使用redux批订阅。这不是我想要的)
我需要生产一个仪表板，类似于下面的一个。
它使用三个来源-- DataSet1 (用户添加的数量)、DataSet2和DataSet3。
DataSet2和DataSet3是从DataSet1 (即某些计算是在DataSet1上进行的)使用utils/function导出的。
任何时候DataSet1更改(用户添加一个新的数量，编辑或删除它) DataSet2和DataSet3都应该重新计算，仪表板应该立即完全更新。
我试图设计它，以避免重复的重新计算和循环重新渲染。
我想用
浏览 0提问于2018-07-27得票数 0
回答已采纳
2回答
使用状态道具和选择器一起反应Native Redux
reactjs、react-native、redux、react-redux、reselect
在我的react原生redux应用程序中，在我的mapStateToProps函数中，我需要组合一些来自状态的元素和一些使用reselect创建的选择器。
基本上，我有两件事：
const mapStateToProps = (state) => ({
storedUserName: state.user.name,
isUserLoggedIn: state.user.isLoggedIn,
})
const mapStateToProps = createStructuredSelector({
email: emailSelector,
userData:
浏览 0提问于2020-10-23得票数 0
1回答
使用redux的不可变表to (toJS和fromJS)的正确方法
javascript、reactjs、redux、immutable.js
我想知道这是否是将immutable.js与redux和reselect (也是redux-saga)结合使用的正确方法。具体来说，我想知道toJS()和fromJS()，以及在哪里使用它们。我的想法是：
我在向传奇发送数据时使用toJS()。
我没有在还原器中使用 fromJS()，因为我认为它是通过使用fromJS() for initialState这一事实来完成的。还是我弄错了？
我在来自toJS()的选择器中使用reselect，所以我可以在react组件中使用js数据。
示例：
( 1)在我的反应部分中，我做：
// mapDispatchToProps
浏览 0提问于2018-11-07得票数 2
回答已采纳
2回答
反应-重选性能
performance、reactjs、redux、react-redux、reselect
在redux应用程序中使用reselect时，我有一个关于性能的问题。
Reselect用作回忆录层，用于缓存为性能而进行的计算，但是如果不需要进行任何计算/逻辑操作，怎么办？
对单个数据使用选择器更具有性能，还是应该只使用标准连接方法？
浏览 1提问于2017-05-03得票数 5
回答已采纳
2回答
我对传递给选择器函数的参数感到困惑，该函数在容器内使用了reselect
reactjs、redux、react-redux、reselect、mapstatetoprops
我正在学习reselect的用法，但我对在容器中使用带记忆的选择器的方式感到困惑。
我有一个叫做Summary的组件，它收到了3个道具，那就是subtotal, tipAmount , total。
看起来像是这个export const Summary = ({ subtotal = 0, tipAmount = 0, total = 0 })=>{...}.And，那些道具被注入到一个专用的container中，我用下面的代码调用了它SummaryContainer。
import { connect } from 'react-redux';
import { Su
浏览 3提问于2021-05-20得票数 2
3回答
如何避免在使用重新选择计算派生状态时重新呈现
reactjs、redux、immutable.js、reselect
在我的应用程序中，我使用了React + Redux + Reselect + Immutable.js的最终组合。我喜欢重选的想法，因为它使我的状态(由减速器保持)尽可能简单。我使用一个选择器来计算我需要的实际状态，然后输入到反应组件。
这里的问题是，一次减缩器中的一个小变化会导致选择器重新计算整个导出的输出，结果也会更新整个React。，我的纯组件不能工作。太慢了。
我的数据的第一部分来自服务器，基本上是不可变的。第二部分由客户端维护，并使用redux操作进行变异。它们由单独的减速机维护。
我使用选择器将两个部分合并到一个记录列表中，然后将该列表传递给React组件。但是很明显，当我在其中
浏览 3提问于2016-03-15得票数 7
回答已采纳
1回答
我可以在mapStateToProps中操作值吗
reactjs、react-redux
我正在学习React和Redux，我发现了以下问题，我无法理解，我在商店中有一个配置对象，可能如下所示：
{
general:{duration:100,strength:100},
gameA:{strength:50},
gameB:{duration:50}
}
其中通用对象将始终在那里并且将具有所有属性，并且它可以具有具有全部或部分覆盖属性的一个或多个游戏对象。
现在，游戏GameA和GameB使用duration和strength道具，所以我可以这样做：
const mapStateToProps = (state) => {
return {
浏览 15提问于2018-01-03得票数 3
1回答
使用createSelector (或任何回忆录选择器)和没有mapStateToProps的钩子
reactjs、react-redux、reselect
我想要创建一个回忆录选择器，它将在redux存储中的状态更改时自动更新。
我在这里读到了有关Reselect's createSelector的文章：
我看到mapStateToProps被用来将选择器连接到商店。我目前只使用带钩子的redux (useDispatch和useSelector)，不使用connect(mapStateToProps, mapDispatchToProps)。
有没有一种方法可以使用createSelector，但仍然不使用connect？如果没有，是否有其他方法来创建一个回忆录选择器？
浏览 3提问于2019-12-24得票数 10
回答已采纳
2回答
基于mapStateToProps输出的connect()ed组件重呈现
javascript、reactjs、redux
在一个基于React + Redux的项目中，我有一个connect()ed组件，它通过API检查用户权限。获取的权限存储在Redux存储区中。
该组件基本上类似于<Can check="...">...</Can>，它与我们的API (通过Redux操作)进行对话以解决检查问题。如果授予权限，则呈现this.props.children，否则为null。
为此，mapStateToProps()从存储区中的授权数据中计算passes支柱，该数据在<Can />的render()方法中进行检查。我将ownProps参数用于mapStateTo
浏览 1提问于2016-07-04得票数 12
回答已采纳
2回答
高效地呈现大量的Redux表单字段？
javascript、reactjs、redux、react-redux、redux-form
我每天都有一张员工的桌子和他们每月的工作时间。在这里，我们可以批量更新所有员工的工时值。
当前月份的简单计算: 30天x50名员工将导致1500挂载的Redux表单字段。
每次挂载字段时，Redux表单都会分派一个操作，以便在Redux存储中注册该字段。因此，派遣了1500个事件。
通过使用Chrome->性能工具进行调试，我发现从安装到分派到呈现字段的整个过程大约需要大约4秒：
上面的性能评分基于以下简单的工作示例，我使用React、Redux、Redux表单、Reselect创建了以下示例：
/* ----------------- SAMPLE DATA GENERA
浏览 0提问于2018-11-07得票数 5
2回答
重新选择createSelector问题
javascript、reactjs、react-native、redux、reselect
尝试使用Redux的重选库，如下所示：
// selectors.js
import { createSelector } from "reselect";
const loggedIn = state => {
return state.language.loggedIn;
};
export const loggedInSelector = createSelector(loggedIn);
用法如下：
import React from "react";
import { connect } from "react-redux"
浏览 1提问于2018-07-12得票数 0
2回答
在浏览我的网站时，有没有办法阻止我的标题重新呈现？
javascript、reactjs、firebase、redux
我正在创建一个使用React，，React Redux&React持久化的网站。
我用防火墙建立了一个登录注册页面。当用户登录或注册时，我希望他们的显示名称在标头组件中。使用我当前的方法，我意识到当一个用户登录时，头组件每次都会重新呈现，但是我不太喜欢它，因为它不会使我的网站导航顺畅。当用户未登录时，标头组件不会重新呈现。
我对JS的反应相对较新，我正在阅读文档& googling其他类似的问题，但我找不到解决方案，也很难解决这个问题。如有任何帮助或建议，将不胜感激！
下面是我的index.js，App.js，header.component.jsx
index.js
impo
浏览 4提问于2020-08-20得票数 1
4回答
redux是否在商店的任何更新中评估商店的所有侦听器？
javascript、reactjs、redux、react-redux、easy-peasy
据我所知，当商店中的任何内容发生变化时，redux都会通知该商店的所有订阅者，不管它是对深度嵌套的叶子的订阅，还是对状态顶层的订阅。
在您遵循指导原则的应用程序中：
许多单独的组件应该连接到商店，而不仅仅是几个.[]
您可能最终会遇到许多侦听器和潜在的性能问题？
免责声明:我知道选择器函数只有在选择器函数的结果发生变化时才会导致重呈现。我理解，仅仅因为计算了侦听器函数，并不意味着订阅组件将重新呈现。我理解，评估选择器功能相对便宜的反应组件渲染。
不过，我只想证实，这确实是redux的工作方式吗？
例如，给定下面的示例侦听器
const result = useSelector(stat
浏览 12提问于2021-01-20得票数 12
回答已采纳
3回答
React组件不会重新呈现，但会调用render()
reactjs、redux
这是我的组件。它会在第一次渲染。随后，即使render被调用，它也不会更改DOM。
Render在正确的时间被调用，因为我已经设置了redux，并且我的'mapStateToProps‘似乎工作正常，因为它检测到应用程序状态的变化，并调用render()。
控制台日志确实记录了字符串已更改的事实。
你可能希望看到更多的代码，但我希望我在这里遗漏了一个基本的概念，有人可以指出。我不知道如何把我的整个项目放在这里。谢谢。再一次，render会被调用，所以它不应该更新DOM吗？
import React from 'react';
import { Component } f
浏览 1提问于2016-08-23得票数 4
2回答
使用Immutable.js从回忆录选择器返回普通JS对象
javascript、reactjs、redux、immutable.js、reselect
我正在开发一个React + redux + Immutable.js + reselect应用程序。我正在考虑一个在还原器和sagas中使用Immutable.js的设计，但不想将这个库与智能组件结合起来，所以我的应用程序的演示部分尽可能干净。
根据redux文档。
我的想法是在重新选择选择器中计算派生状态并返回普通的JS对象。如果我使用回忆录选择器，如果redux状态的底层部分相同，则不会在每次调用中创建新对象，因此，除非需要，否则组件不会被重命名。
我知道我会以可组合的方式支付部分费用，因为选择器不能用作其他Immutable.js准备好的选择器的输入，但是我会得到更干净的智能组件。
是
浏览 0提问于2018-05-10得票数 3
回答已采纳
2回答
为什么在呈现React中的列表项时，在脚本上花费这么多时间？(性能优化)
reactjs、redux、react-redux、electron、google-chrome-devtools
我一直在努力提高我的反应应用程序(特别是电子)的性能，它使用react-redux和reselect。我有一个父组件(网格)，它使用useSelector从redux存储中获取一些数据，并为数组中的每个项呈现一个子组件(网格中的行)。我们还有一个过滤器功能，所以我们对产品数据数组进行了一些转换。类似于这样的东西：
const data = useDataSelector(
"all",
categoryId || EVERYTHING_CATEGORY_ID
);
const location = useLocation();
const [filtered
浏览 7提问于2022-01-28得票数 0
回答已采纳
1回答
调试在React Redux定期停止
reactjs、react-redux、subscription
我已经使用了一段时间的React，但是在调试组件和存储之间交互的"connect“时总是有一个问题。
ln export default connect((state) => {
112 return {
113 isUserAdmin: isUserAdmin(state)
114 };
115 })(MainPage);
isUserAdmin(state) {
222 // perform a heavy task...
}
如果我在第113行上放置一个断点，即使我没有对组件进行任何更改，我发现它每
浏览 3提问于2020-07-10得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
