Redux Devtool（クロムエクステンション）が状態を表示しない

Question

Redux devtoolで新しくReduxで新規です。

私はあなたがユーザーをクリックし、彼についてのいくつかのデータを表示するシンプルなアプリを作った。

基本的に私は現在の選択されたユーザーを持っています。

しかし、私はなぜredux devtoolで状態が空のままであるのか分かりません。 （ないアプリで）

私は私の店を作るのはここです：

export const USER_SELECTED = 'USER_SELECTED' 
export function selectUser(user){ 
    return { 
     type : USER_SELECTED, 
     payload : user 
    } 

}

ここで減速です：

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

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

const createStoreWithMiddleware = applyMiddleware()(createStore); 

ReactDOM.render(
    <Provider store={createStoreWithMiddleware(reducers)}> 
    <App /> 
    </Provider> 
    , document.querySelector('.container')); 

そして、ここでは、アクションがあります

import {USER_SELECTED} from '../actions/index' 
export default function (state = null,action){ 
    switch(action.type){ 
     case USER_SELECTED : 
      return action.payload 
    } 

    return state 

}

そして最後に、アクションへの呼び出し：

this.props.selectUser(user) 

アプリは非常によく動作しますが、私はおそらく何かが欠けています。

ありがとうございました！

Answer 1

を使用してストアがあなたの店に次の行を追加しましたセットアップを持っている場合は、以下を試してみてください？ github.com/zalmoxisus/redux-devtools-extension#11-basic-stor e

window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__() 

Answer 2

あなたはミドルウェア

import { createStore, applyMiddleware, compose } from 'redux'; 

const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose; 
const store = createStore(reducer, /* preloadedState, */ composeEnhancers(
    applyMiddleware(...middleware) 
));