土豆博客

使用redux-devtools-extension 追踪 Redux 中状态变化

# 一、安装Redux DevTools插件

安装该插件需要在Chrome 网上应用商店下载安装(需翻墙),最简单的方法是借助插件谷歌浏览器访问助手(网上有下载该插件的地址,具体可百度)

# 二、安装redux-devtools-extension
yarn add redux-devtools-extension
//或
npm i redux-devtools-extension -D

在代码中添加用法

import { createStore } from "redux";
import reducer from "./reducer";
const { composeWithDevTools } = require('redux-devtools-extension');
const store = createStore(reducer,composeWithDevTools());

export default store;

在项目关联的浏览器窗口中点击DevTools插件图标,即可看到所有的状态信息

code
top

扫码添加,一起进步

wechat-code

为了保障最佳预览体验,博客已不支持IE浏览器的访问,邀请您使用以下现代高级浏览器。

谷歌浏览器(推荐) 火狐浏览器

注:如果你使用的是360,QQ等双核浏览器,请开启极速模式