redux 安装完成后,并能马上使用,需要进行小小的配置,有如下步骤:
- 用了redux插件的同学,才开发者模式下,会看到这个提示,点击下划线部分,会打开介绍说明
redux-devtools-extension: https://github.com/zalmoxisus/redux-devtools-extension#usage
- 在基础使用部分,找到图中标记的部分,在
store.js
文件中对应位置加入即可
const store = createStore(
reducer, /* preloadedState, */
window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()
);
- 如果使用
typescript
,在说明中也提供了方法,在下图框住部分 - 点击上图框中的红线部分的 Recipes 会跳入到 typescript 具体案例
Recipes: https://github.com/zalmoxisus/redux-devtools-extension/blob/master/docs/Recipes.md#using-in-a-typescript-project
const store = createStore(
reducer, /* preloadedState, */
(window as any).__REDUX_DEVTOOLS_EXTENSION__ && (window as any).__REDUX_DEVTOOLS_EXTENSION__()
);
- 案例中有多重方法,推荐的方法是使用
redux-devtools-extension
npm包,这里只介绍个最简单的,将之前绿色的那句中,window
改成window as any
, 如上图划线部分即可