前言
redux-devtools-dispatch 是一款为 Redux 开发者提供的工具包，可以帮助开发者更好地进行 Redux 状态管理。在开发过程中，经常需要查看当前状态、修改状态，以及跟踪状态的变化。这些任务通常需要通过代码或者 redux-devtools 进行完成。redux-devtools-dispatch 可以让这些任务变得更加容易快捷。
安装
首先，我们需要在当前项目中安装 redux-devtools-dispatch。可以通过 npm 命令进行安装：
npm install redux-devtools-dispatch
安装完成之后，我们需要在项目中引入它：
import { dispatch } from "redux-devtools-dispatch";使用
redux-devtools-dispatch 主要包含两个部分：查看当前状态和修改状态。下面，我们将分别介绍这两个部分的使用方法。
查看当前状态
使用 redux-devtools-dispatch 查看当前状态非常简单。我们只需要在控制台中输入如下命令即可：
dispatch.getState()
此时，控制台会输出当前的状态。这里需要注意，在使用 redux-devtools-dispatch 时，需要先将 redux-devtools 打开。
修改状态
除了查看当前状态，我们也可以通过 redux-devtools-dispatch 直接修改状态。具体来说，我们可以使用 dispatch() 函数来改变当前的 Redux 状态。
dispatch(action)
其中，action 可以是一个普通的对象，也可以是一个函数，用于生成一个对象。通过修改 action，我们可以改变当前的状态。例如：
dispatch({type: "INCREMENT_COUNTER"})这个例子会增加当前状态中的计数器值。下面，我们将通过一个完整的例子来演示如何使用 redux-devtools-dispatch。
示例
假设当前有一个 Redux 应用，包含一个计数器。我们需要在控制台中查看当前状态并修改计数器的值。下面，我们将详细介绍如何使用 redux-devtools-dispatch 实现这个功能。
首先，我们需要打开 redux-devtools。接着，我们可以在控制台中输入以下命令：
dispatch.getState()
这样，我们就可以查看当前状态。
接着，我们可以使用以下命令来增加计数器的值：
dispatch({type: "INCREMENT_COUNTER"})这个例子中，我们将 type 设置为 INCREMENT_COUNTER，用于增加计数器的值。如果我们需要减少计数器的值，可以使用以下命令：
dispatch({type: "DECREMENT_COUNTER"})这样，我们就可以在控制台中查看和修改 Redux 状态，从而更加方便地进行开发。
总结
通过本文介绍，我们了解了 npm 包 redux-devtools-dispatch 的使用方法。它可以帮助我们更加方便地查看和修改 Redux 状态，从而提高开发效率。在使用时，需要先安装并引入 redux-devtools-dispatch，再通过 dispatch.getState() 和 dispatch() 函数来查看和修改当前状态。此外，我们还通过一个完整的例子演示了使用 redux-devtools-dispatch 的具体方法。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60067008e361a36e0bce8b4a