Невозможно просмотреть данные о состоянии в инструментах избыточного разработчика - PullRequest
Новая
       37

Невозможно просмотреть данные о состоянии в инструментах избыточного разработчика

0 голосов
/ 07 ноября 2019

enter image description here Я изучаю избыточность и придумал пример использования веб-сервиса, который возвращает данные. Все работает. Однако я сконфигурировал приведенные ниже инструменты для разработки излишков.

Я получил сообщение об ошибке, заявив, что моему хранилищу присвоено значение, но оно никогда не использовалось, и когда я захожу в инструменты разработки, я не могу увидеть данные о своем состоянии. Я делаю что-то не так? 

        import React from 'react';
        import ReactDOM from 'react-dom';
        import { BrowserRouter as Router, Route } from 'react-router-dom';
        import promise from 'redux-promise';
        import { Provider } from 'react-redux';
        import { createStore, applyMiddleware, compose } from 'redux';

        import reducers from './reducers';
        import ProductsIndex from './components/products_index';

        const createStoreWithMiddleware = applyMiddleware(promise)(createStore);

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

        ReactDOM.render(
          <Provider store={createStoreWithMiddleware(reducers)}>
           <Router>
            <div>
              <Route path="/" component={ProductsIndex} />
            </div>
           </Router>
          </Provider>
          , document.querySelector('#root'));

Ошибка: строка 14: 7: 'store' присвоено значение, но он никогда не использовал no-unused-vars

enter image description here

1 Ответ

0 голосов
/ 08 ноября 2019

Вот что я обычно делаю.

configureStore.js 

import { createStore, applyMiddleware, compose } from "redux";
import thunk from "redux-thunk";
import logger from "redux-logger";
import createRootReducer from "../reducers";

const middleware = window.ENV.environment === "local" ? [thunk, logger] : [thunk];
const composEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
const enhancer = composEnhancers(applyMiddleware(...middleware));

const configureStore = (initialState) => {
  return createStore(createRootReducer(), initialState, enhancer);
};

export default configureStore;

App.js 

import configureStore from "./configureStore";
const store = configureStore();

const App = () => {
  return (
    <Provider store={store}>
      <BrowserRouter basename={process.env.PUBLIC_URL}>
        // ...
      </BrowserRouter>
    </Provider>
  );
};
...