React-Redux 是 React 生态系统中最流行的状态管理库之一，它可以帮助我们管理 React 应用中的状态，并让状态的处理变得更加方便和高效。在 React-Redux 中，store 是它的核心概念，所有的状态都是存储在 store 中。那么，当我们需要在组件之外对 store 进行操作时，应该如何实现呢？
使用 createStore 方法创建 store
在 React-Redux 中，我们可以使用 createStore 方法创建 store。createStore 方法接收一个函数作为参数，这个函数被称为 reducer。reducer 接收当前的状态 state 和一个 action 对象，返回一个新的状态 state。
下面是一个简单的 reducer 函数：
-- -------------------- ---- -------
-------- -------------------- - -- ------- -
------ ------------- -
---- ------------
------ ----- - -
---- ------------
------ ----- - -
--------
------ -----
-
-我们可以使用 createStore 方法创建一个 store 实例：
import { createStore } from 'redux'
const store = createStore(counterReducer)现在，我们就可以对这个 store 实例进行操作了。
在组件之外使用 store 实例
在 React-Redux 中，我们可以在组件内使用 connect 方法连接 store 实例和组件，这样组件就可以通过 props 来使用 store 中的状态和方法。但是，在某些情况下，我们需要在组件之外使用 store 实例，比如说在 Redux 中间件中。这时候，我们可以使用 getStore 方法来获取 store 实例。getStore 方法可以在 Redux 中使用，并返回当前应用的 store 实例。
-- -------------------- ---- -------
------ - -------- - ---- -------------
-------- ------------------- -
------ ---- -- ------ -- -
----- ------------ - ----------------
---------------------------- -------------
------ ------------
-
-在这个例子中，我们可以通过 store.getState() 方法获取当前应用的状态。在 Redux 中间件中，我们也可以使用 store.dispatch(action) 方法来触发 action，并更新状态。
-- -------------------- ---- -------
------ - -------- - ---- -------------
-------- ------------------- -
------ ---- -- ------ -- -
-- ------------ --- -------------- -
-- ---- ----- --
----- ------------ - ----------------
---------------------------- -------------
-- -- ------------
-------------------------------
-
------ ------------
-
-总结
在本文中，我们学习了如何在组件之外使用 store 实例。我们可以使用 createStore 方法创建 store 实例，并使用 getState 方法获取当前的状态，使用 dispatch 方法触发 action，更新状态。在 Redux 中间件中，我们可以使用 getStore 方法获取当前应用的 store 实例，方便地在组件之外对 store 进行操作。掌握这些技能，在实际开发中可以更加方便地管理状态，并更好地协作团队的其他开发人员。
示例代码：https://codesandbox.io/s/react-redux-getstore-kme01
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6522b2b895b1f8cacda2c955