在ngrx中使用选择器和道具的替代方案是什么？
在ngrx中，使用选择器和道具的替代方案是使用Memoized Selector和Reselect库。
Memoized Selector是一个函数，它接收一个或多个输入选择器和一个转换函数作为参数，并返回一个新的选择器函数。这个新的选择器函数会缓存上一次的计算结果，只有当输入选择器的值发生变化时才会重新计算。这样可以避免不必要的计算，提高性能。
Reselect库是一个用于创建Memoized Selector的工具库。它提供了一些函数，如createSelector和createSelectorCreator，用于创建Memoized Selector。createSelector接收一个或多个输入选择器和一个转换函数作为参数，并返回一个Memoized Selector函数。这个Memoized Selector函数会在输入选择器的值发生变化时重新计算，并返回转换函数的结果。
使用Memoized Selector和Reselect库的优势包括：
- 提高性能：Memoized Selector会缓存上一次的计算结果，只有在输入选择器的值发生变化时才会重新计算，避免不必要的计算，提高性能。
- 简化代码：使用Memoized Selector和Reselect库可以将选择器的逻辑和转换函数的逻辑分离，使代码更加清晰和易于维护。
- 可组合性：Memoized Selector和Reselect库支持多个选择器的组合，可以创建复杂的选择器链，满足不同的业务需求。
在使用Memoized Selector和Reselect库时，可以参考以下步骤：
- 安装Reselect库：可以使用npm或yarn等包管理工具进行安装。
- 导入createSelector函数：在需要使用Memoized Selector的文件中，导入createSelector函数。
- 创建选择器和转换函数：使用createSelector函数创建选择器和转换函数。选择器可以是普通的函数，用于获取需要计算的数据。转换函数可以是普通的函数，用于对选择器的结果进行转换。
- 使用Memoized Selector：在需要使用选择器的地方，调用Memoized Selector函数，并传入输入选择器的值作为参数。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云函数计算（SCF）：https://cloud.tencent.com/product/scf
- 腾讯云云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
- 腾讯云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iot
- 腾讯云移动开发（Mobile）：https://cloud.tencent.com/product/mobile
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链（Blockchain）：https://cloud.tencent.com/product/baas
- 腾讯云元宇宙（Metaverse）：https://cloud.tencent.com/product/metaverse
相关·内容
我在ngrx website上读到关于selectors的文章，偶然发现了selectors和props。 ngrx团队表示，它已被弃用，但他们没有提供替代方案。我想在我的应用程序中使用带有props的selectors。 除了使用选择器和道具之外，还有其他选择吗？ 如果有，我该怎么做？
浏览 25提问于2021-10-20得票数 2
回答已采纳
我维护/开发了一个使用许多带有道具的ngrx选择器的web应用程序。特别是，我不能进行以前工作过
浏览 4提问于2022-03-07得票数 0
如何在ngrx中调用选择器？我有来自适配器的选择器：和另一个选择器，以获得产品，然后产品的id，我传递的道具。productId]现在我想做另一个选择器并使用selectProductById选择器。此外，我还得到
浏览 3提问于2020-07-28得票数 4
3回答
有没有一种将参数传递给ngrx选择函数的方法？我正在保留评论的清单。现在，我希望通过使用组件的id，我的CommentComponent只订阅一个注释
浏览 2提问于2017-09-08得票数 2
回答已采纳
我想处理组件中的加载失败sceanrio，这样我就可以处理视图html中的no数据。我应该添加错误选择器或在效果中处理它。我对ngrx风格的基于操作的数据获取非常陌生。
浏览 8提问于2021-12-09得票数 0
回答已采纳
我想让员工数组和页面加载状态保持在存储状态。所以我的初始状态将如下所示 const initialState = { employees: []
}; 现在我想对employee使用@ngrx/entity文档中只展示了使用entity的整个状态的demo。 如何对一个属性而不是整个状态使用entity？ 如果不可能，那么上述场景的替
浏览 16提问于2019-05-27得票数 0
回答已采纳
1回答
我在版本10中有一个angular应用程序，它是使用工作区构建的，工作区由一个库和一个应用程序组成。我在angular应用程序中安装了以下依赖项。npm install @ngrx/storenpm install @ngrx/schematics
npm install @ngrx/effe
浏览 5提问于2021-03-10得票数 0
我不知道这是不是更好的解决方案，但我需要一个函数来订阅两个ngrx选择器，并将其用作两个http服务的参数，我使用了combineLatest： combineLatest([this.selectedCompanythis.getavailableSpaceService(this.idCompany).subscribe(res => { })
}).unsubscribe(); 我使用combineL
浏览 28提问于2021-02-05得票数 0
1回答
我正在尝试将状态和道具投射到选择器中。当控制台日志记录在运行测试的选择器中时，变量就会存在并按预期工作。但我的expect行会抛出错误，表示预期未定义为相等. data.find((element: any) => props.id === element.id) );我不知道是怎么回事，因为在NGRX网站上阅读文档似乎支持我在这里所做
浏览 1提问于2020-08-10得票数 2
回答已采纳
我想创建一个NgRx操作创建器工厂。但我不知道如何将泛型类型传递给props方法。import { createAction, props } from "@ngrx/store";
return: object' 如何修改工厂方法以将泛型类型传递给props方法，如下所示： const action = actionFactory<{ id: string }>("sample");
浏览 60提问于2021-01-26得票数 3
回答已采纳
2回答
在某些情况下，用例最干净的解决方案似乎是NGRX和服务的结合。这是明智的，还是违反了NGRX的“单一真理来源”原则？例如，如果我使用NGRX构建一个购物应用程序，我可能会有一个商店，其中包括：
cart组件可能使用</e
浏览 2提问于2019-12-18得票数 1
1回答
特性内的倍数特性
、、、
我用Angular和NgRx 13定义了一个存储库。我有一个SharedModule，其中定义了选择器等组件。每个选择器内容都加载在store中，这样就可以避免重复调用API。为此，我无法访问列表的内容。我肯定我错过了什么，但我不知道是什么。确保它是使用StoreModule.forRoot('
浏览 2提问于2022-04-25得票数 0
2回答
我真的很困惑，我真的认为如果所有的父母都返回相同的结果，选择者就不会参选。 ) => { },关于设置记忆选项的文档<em
浏览 3提问于2020-12-29得票数 0
回答已采纳
1回答
我有一个@Effect，它使用MemoizedSelector从redux存储中获取一个项目，并使用Action的有效负载对其进行mergeMap。效果非常好，但是为此设置Jest测试已经证明很困难，因为我似乎无法模拟选择器的返回值，因为select是一个已声明的函数，它是导入的(从select中使用，并且选择器本身也是导入的函数。如何编写单元测试来测试使用存储选择器</e
浏览 0提问于2019-05-13得票数 10
回答已采纳
是否可以在jQuery的.animate()函数中设置CSS的选择器:before和:after的动画？如果不是，那么最好的替代方案是什么？
浏览 0提问于2013-01-01得票数 2
回答已采纳
1回答
我对打字/角形/ngrx很陌生，所以我的问题听起来有点傻.目前，我正在开发一个基于角度，角度材料和ngrx的新应用程序。
我们想要像openDialog，closeDialog，handleSave
浏览 6提问于2020-09-04得票数 1
我使用Angular 7和Ngrx和Rxjs 6。我有两个延迟加载的模块A和B，它们有自己的选择器和减法器。 现在，我想从模块A访问存储在模块B状态上的数据。问题是，只有当用户导航到延迟加载的B的路由时，模块B的所有ngrx组件才会初始化，所以如果用户首先转到A，尝试选择状态将导致未定义的错误，因为B尚未初始化
浏览 11提问于2019-05-18得票数 5
我有一个使用NgRx和@ngrx/router-store (8.4.0)的Angular 8应用程序(核心8.1.2)，但我在模拟fromRouter.getSelectors(selectRouter)生成的选择器时遇到了麻烦。我已经编写并正在尝试测试的选择器如下所示： export const selectFilteredPagedFeaturedPlaylists = createSelector(
浏览 32提问于2019-10-15得票数 3
1回答
我在一个angular应用程序中使用NGRX，并使用选择器来获取当前作业键，如下所示。使用此密钥，将从文档存储中获取图像。
无论如何，解决方案是有一个单独的图像存储，并且只在ngrx状态下处理图像密钥/标识符。效果很好。，但图像键/标识
浏览 5提问于2019-11-08得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
