Lwgzc手游网 / 好玩就多玩会!

热门搜索:WPS Office安卓模拟器爱奇艺office2003PPTV网络电视360安全卫士

您的位置: 首页 > 电脑软件 > 网络软件 > 浏览辅助 > Redux DevTools(Chrome调试插件) V2.15.2 Chrome版
Redux DevTools(Chrome调试插件) V2.15.2 Chrome版 / Redux DevTools下载|Redux DevTools(Chrome调试插件) V2.15.2 Chrome版下载 版本

  Redux DevTools是Chrome浏览器中的一款调试插件,它可以用于调试应用程序的状态更改,我们可以清晰的看到当前store仓库中的state是怎么样的,在可视化工具的左边,我们还可以看到触发的action的变化!

Redux DevTools

【使用说明】

  1、在使用Chrome Redux调试插件之前,我们需要做一些项目的基本配置。我们要安装到项目的一些基本使用,如: react、redux、react-redux等。基本框架如下:

  import Redux from 'redux'

  // 引入createStore创建store,引入applyMiddleware 来使用中间件

  import {createStore, applyMiddleware} from 'redux'

  // 引入所有的reducer

  import storeReducer from '../Reducer/index.jsx'

  export default  createStore(storeReducer);

  2、下载安装redux-devtools。

  3、要想使用chrome redux调试插件,还需要在项目中安装 redux-devtools-extension 插件。其安装方法如下:

  即在项目中直接执行下面的安装命令:

  npm install redux-devtools-extension --save-dev

  4、安装成功后,还需要redux-devtools在项目中的配置,实际上就是在创建store的时候把redux-devtools安装即可。

  import Redux from 'redux'

  // 引入createStore创建store,引入applyMiddleware 来使用中间件

  import {createStore, applyMiddleware} from 'redux'

  // 引入所有的reducer

  import storeReducer from '../Reducer/index.jsx'

  // 利用redux-logger打印日志

  import {createLogger} from 'redux-logger'

  // 安装redux-devtools-extension的可视化工具。

  import { composeWithDevTools } from 'redux-devtools-extension'

  // 使用日志打印方法, collapsed让action折叠,看着舒服。

  const loggerMiddleware = createLogger({collapsed: true});

  export default  createStore(

  storeReducer,

  composeWithDevTools(    )

  );

标签: Redux DevTools下载 Redux DevTools Chrome版

人气软件
其他版本下载

更多(11)>爱奇艺VIP会员账号获取器

爱奇艺是一款目前非常流行的视频播放器,它为用户提供了丰富、清晰、流畅的视频资源,创造完美的观影体验。不过爱奇艺有一部分视频资源需要会员才能观看,考虑到会员资费比较昂贵不划算,小编从网上收集了各类爱奇艺会员号免费共享软件,让你可以免费获取最新的VIP账号,无论什么样的收费视频都能随便看。 查看 >>
回顶部 去下载

关于本站|下载帮助|下载声明|软件发布|联系我们|友情链接

Copyright © 2022 www.lwgzc.com.All rights reserved.

粤ICP备2020129034号