介绍
在开发前端项目时，经常会需要从 Redux store 中选择特定的部分数据。Redux selectors 就是一个用来选择 Redux store 中部分数据的工具库。而 redux-selectors 是一个可以方便使用的轻量级的 npm 包。
redux-selectors 提供了许多有用的选择器函数，这些函数会帮助我们在 Redux store 中定位我们需要的部分数据。使用 redux-selectors 可以让我们更加容易地保持 Redux store 的单一性。
在本文中，我们将为大家介绍如何安装和使用 redux-selectors，以及一些有用的示例代码。
安装
使用 redux-selectors 需要先在项目中安装。可以使用 npm 在你的项目中安装 redux-selectors。
npm install redux-selectors --save
使用
Redux selectors 可以接收 Redux store 中的 state，并返回我们需要的部分数据。你可以使用下面的语法创建一个 selector：
const mySelector = (state) => state.myProperty
这个 selector 接收一个 state 参数，并直接返回 state.myProperty，这就是我们想要的数据。
但是，当我们的 Redux state 成为一个嵌套的对象时，我们需要更复杂的 selector。使用 redux-selectors 可以轻松构建这样的 selector 函数。
对于一个嵌套的对象，我们需要一个 selector，可以接收任意数目的参数，并稍后使用 Redux store 中的 state 来计算所需的状态。这就是 redux-selectors 的优点，我们可以拆分 selector，使用其它 selector，然后将它们组合在一起构成更复杂的 selector。
示例代码
下面是一个 redux-selectors 用法的例子，它展示了如何从一个嵌套的 Redux state 中选择一个特定的值：
-- -------------------- ---- -------
------ - -------------- - ---- -----------------
-- -------------
----- ----------- - ----- -- ---------------
-- -------------
----- -------------- - ---------------
----- -- -------------------
------- -- ------------
-
-- ------- --------
----- ----------- - ---------------
------------
---------------
------ -------- -- --------- -----------
-
----- ------- - -
----- -
----- ---- ------
-------- -
----- ------- -------
-
-
-
--------------------------------- -- -- ---- ----- ------ -------上面代码的 getLocation selector 通过调用 getCityName 和 getCountryName selector 来获取它所需的数据，然后将这些数据组合在一起以返回最终的数据。
这就是一个简单的使用 redux-selectors 的例子。现在你可以开始使用这个轻量级的 npm 包来更轻松地访问 Redux store 中的数据了。
总结
使用 redux-selectors 可以更轻松地管理 Redux state，它为我们提供了许多有用的选择器函数，可以帮助我们更好地选择我们需要的数据。在本文中，我们介绍了如何安装和使用 redux-selectors，并提供了一个简单的示例代码，以帮助你更好地了解如何使用它。希望这篇文章对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60067008e361a36e0bce8afa