什么是 rxjs-reselect？
rxjs-reselect 是一个用于构建可重复使用的选择器的库，结合了 rxjs 和 reselect。在前端的开发过程中，有时我们需要把多个数据源合并起来，生成一些新的数据。对于这样的需求， rxjs-reselect 提供了轻松解决的方案。
安装与引用
为了使用 rxjs-reselect，我们首先需要安装它。
npm install rxjs-reselect
安装完后，我们可以在代码中引用它：
import { createSelector } from 'rxjs-reselect';使用示例
现在我们假设有两个数据源：
-- -------------------- ---- ------- ----- ----- - - ---- -- ----- -------- ---- -- ----- -------- -- ----- ----- - - -------- -- ----- --------- -------- -- ----- --------- --
我们想要生成一个新的数组，包含用户的角色信息。这可以通过 rxjs-reselect 来实现：
-- -------------------- ---- -------
------ - -------------- - ---- ----------------
----- ------ - ----------
----- ------ - ----------
----- ------------ - ---------------
-------
-------
------- ------ -- -
------ -------------- -- -
----- ---- - --------------- -- ----------- --- ---------
------ -
--------
----- ----------
--
---
--
--在这个选择器中，我们指定了 users$ 和 roles$ 两个数据源。当其中任意一个数据源发生变化，这个选择器都会重新计算。
现在我们可以订阅这个选择器，获取到我们需要的结果：
-- -------------------- ---- ------- -------------------------------- -- - ----------------------- -- --- -- -- -- --- -- -- ----- ------- -- ----- -------- -- -- - -- --- -- -- ----- ------- -- ----- -------- -- -- ---
使用指南
使用 rxjs-reselect 可以帮助我们快速构建可重复使用的选择器。在实际开发中，我们可以将选择器放在一个单独的文件中，方便后续重用。
选择器的输入参数可以是多个数据源，也可以是一个数据源的某个属性。输出结果可以是任何 JavaScript 对象，包括但不限于数组、对象、字符串等。
选择器可以被其他选择器所依赖。这样，当一个选择器输出变化时，依赖它的其他选择器也会被重新计算。
总结
在本文中，我们介绍了 rxjs-reselect 的安装与使用，并且通过示例代码演示了如何使用 rxjs-reselect 构建可重复使用的选择器。希望通过本文的介绍，读者们能对 rxjs-reselect 有更加深入的了解，并且能够在日常的前端开发中灵活地应用它。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60065f71238a385564ab67a3