介绍
redux-source-connect-immutable 是一个基于 react-redux 的 npm 包，主要是为了配合 ImmutableJS 使用，可以更加方便的从 redux 的 store 中取出数据，并将其与无状态组件进行连接。本文将向大家详细介绍该 npm 包的使用方法。
安装
使用 npm 进行安装：
npm install redux-source-connect-immutable
或者使用 yarn 进行安装：
yarn add redux-source-connect-immutable
示例
假设有一个键为 users 的 immutable 里的 Map 对象，其数据结构如下：
-- -------------------- ---- -------
----- ----- - ------------------
-- -
----- ------
---- ---
--
-- -
----- --------
---- ---
--
---那么我们就可以使用 redux-source-connect-immutable 获取该数据并将其赋值给组件中的 props。
-- -------------------- ---- -------
------ ----- ---- --------
------ - ------- - ---- ---------------------------------
----- --- - ------- -- -
----- - ----- - - ------
------ -
----
----------------- -- -
---------------------------
---
-----
--
--
----- --------------- - ------- -- --
------ -------------------
---
------ ------- ------------------------------其中，connect 为 redux-source-connect-immutable 提供的高阶组件，在组件中使用该高阶组件后，就可以方便的在 props 中获取 redux 的 store 中的数据了。
注意事项
由于 redux-source-connect-immutable 是专门为 ImmutableJS 设计的，因此在使用该 npm 包时需要注意以下几点：
- 需要安装 ImmutableJS。
- 在定义
reducer时，需要使用Immutable.fromJS转化为immutable的数据结构。 - 在组件连接 redux 的同时，需要使用
redux-source-connect-immutable提供的connect高阶组件来完成。
总结
redux-source-connect-immutable 是一个方便的 npm 包，使用它可以更加方便的连接 redux 的 store 中的数据与组件，特别是在配合 ImmutableJS 使用时能够发挥其更大的威力。希望本文能够对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60067008e361a36e0bce8bc2