使用reduxdevtools

1.在chrome extension store 中添加 redux-dev-tool的插件

2.在src/index.js 中添加如下内容

import React from 'react';
import ReactDOM from 'react-dom';
import {Provider} from 'react-redux';
import {createStore, applyMiddleware, compose} from 'redux';

import App from './components/App';
import reducers from './reducers';

const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
const store = createStore(
    reducers,
    composeEnhancers(applyMiddleware())
    );



ReactDOM.render(
<Provider store={store}>
<App /> 
</Provider>,
    document.querySelector('#root'));

这样就可以在Chrome中使用插件查看状态了。

3.使用session 来进行redux的debug。

localhost:3000?debug_session=<some_string> 使用这个session时， redux——store中的数据都会存储在这里。刷新后数据也不会丢失。