Redux-loggerを導入したかったのですが、デベロッパーツールで表示されず下記エラーが出るのですが原因がつかめずにいます。分かる方ご教示願います。
宜しくお願いします。
エラー内容
Uncaught Error: It looks like you are passing several store enhancers to createStore(). This is not supported. Instead, compose them together to a single function
該当するソースコード
import React from "react"; import ReactDOM from "react-dom"; import { createStore, applyMiddleware } from "redux"; //createStore applyMiddleware をimport import { createLogger } from "redux-logger"; import App from "./components/app"; import MainArea from './components/mainArea'; const reducer = (state = { text: "text" }, action) => { switch (action.type) { case "CHANGE_TEXT": return Object.assign({}, state, { text: action.text }); default: return state; } } const logger = createLogger(); const store = createStore( reducer, window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__(), applyMiddleware(logger) ); const onChange = (text) => { const action = { type: "CHANGE_TEXT", text: text } store.dispatch(action); } const render = () => { const state = store.getState(); ReactDOM.render( <MainArea text={state.text} onChange={onChange} />, document.getElementById('root') ); } render(); store.subscribe(render);
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。