前言
React-Redux 是一个用于在 React 应用程序中使用 Redux 状态管理的库。在 React 应用程序中使用 Redux 状态管理已成为前端开发中的标准做法，因为它可以使应用的状态更加可预测和可控。而 React-Redux 库则是帮助我们更加方便的集成 Redux 到 React 应用程序中。在本文中，我们将主要介绍 npm 包 @henrikjoreteg/react-redux 的使用教程。
安装
安装 React-Redux 非常简单，只需使用 npm 命令即可：
--- ------- --------------------------
因为 @henrikjoreteg/react-redux 依赖于 Redux，所以你需要先安装 Redux：
--- ------- -----
使用
由于 React-Redux 的设计思想是把 Redux 状态管理和 React 组件联系起来，所以我们需要在 React 中使用它。下面是一个示例使用 @henrikjoreteg/react-redux 的代码。
------ ----- ---- --------
------ - ----------- - ---- --------
------ - --------- ------- - ---- -----------------------------
-- -- -------
----- ------- - ------ - - ------ - -- ------- -- -
------ ------------- -
---- ------------
------ - ------ -------------- --
--------
------ ------
-
--
-- -- -----
----- ----- - ---------------------
-- ----
----- ----------- ------- --------------- -
----------- - -- -- -
----- - -------- - - -----------
------------
--
-------- -
----- - ----- - - -----------
------ -
-----
----------------
------- -------------------------------- -----------
------
--
-
-
-- -- ---------------------------------- --
----- --------------- - ------- -- -
------ -
------ ------------
--
--
----- ------------------ - ---------- -- -
------ -
--------- ------- -- ---------- ----- ------------ -------- ----- ---
--
--
-- -- ------- ------
----- -------------------- - ------------------------ ---------------------------------
-- -- -------- -------
----- --- - -- -- -
------ -
--------- --------------
--------------------- --
-----------
--
--
------ ------- ----当我们点击 Click Me 按钮时，setCount 函数将 count 设置为 1，并将其存储在 Redux Store 中。然后 mapStateToProps 函数将 count 属性从 Redux Store 中映射到 MyComponent 的 props 中，因此 MyComponent 的 count 属性将始终与 Redux Store 中的 count 属性保持同步。
总结
在本文中，我们简要介绍了 React-Redux 库的基本使用方法，包括如何安装、怎么使用 connect 函数绑定组件以及如何使用 Provider 组件包裹根组件。希望这个教程能够帮助你更好地理解如何在 React 应用程序中使用 Redux 状态管理，并更加便捷地使用 React-Redux 库。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60066bb8967216659e2440cb