在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ react在代碼中整合redux dev tolols時的問題

react在代碼中整合redux dev tolols時的問題

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import {createStore,applyMiddleware,compose} from "redux"
import thunk from "redux-thunk"http://處理異步
import App from './App';
//import{counter} from './redux'
import * as rdx from "./redux"

import registerServiceWorker from './registerServiceWorker';
const reduxDevTool=window.devToolsExtension?window.devToolsExtension():f=>f;
const store=createStore(
    rdx.counter,
    compose(
        applyMiddleware(thunk),
        reduxDevTool
        )
);


我想要用redux 的工具來監(jiān)測變化，教程上推薦用這種方式，
已經(jīng)安裝了redux dev tool chrome插件
但是并不奏效。

下面是報錯內容

chrome

圖片描述

回答
編輯回答
久礙你

不是僅僅安裝redux chrome插件就可以了，還需要redux-devtools-extension

install

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

下面參考我的配置：

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import registerServiceWorker from './registerServiceWorker';
import { createStore, applyMiddleware } from 'redux';
import logger from 'redux-logger';
import thunk from 'redux-thunk';
import promise from 'redux-promise-middleware';
import { composeWithDevTools } from 'redux-devtools-extension';
import reducer from "./reducers";
import { Provider } from 'react-redux';

const error = store => next => action => {
  try {
    next(action)
  } catch (e) {
    console.log('error', e)
  }
}


const store = createStore(reducer, {}, composeWithDevTools(applyMiddleware(logger, error ,thunk, promise())));

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

registerServiceWorker();
2018年7月5日 10:19