logging - Apollo GraphQL 和 React 相当于 redux-logger

Question

我正在学习graphql并想知道是否存在针对apollo-client.

我发现redux-logger它是调试 React/Redux 应用程序的绝佳工具，我想知道是否存在类似的东西appolo-client？

我想store在任何给定时间查看我的状态。

Answer 1

好吧，我想我应该多研究一点。

这里解释得很好：http: //dev.apollodata.com/react/redux.html#creating-a-store

如果有人感兴趣，这就是我apollo-client用redux-logger.

import React from 'react';
import { createStore, combineReducers, applyMiddleware, compose } from 'redux';
import thunk from 'redux-thunk';
import createLogger from 'redux-logger';
import promise from 'redux-promise';
import ReactDOM from 'react-dom';
import  ApolloCient from 'apollo-client';
import { ApolloProvider } from 'react-apollo';
import reducers from './reducers';

import App from './App';

// Instantiate Apollo Client
const client = new ApolloCient();

// declare the redux-logger
const logger = createLogger({
  collapsed: true,
  diff: true,
});

const store = createStore(
  combineReducers({
    apollo: client.reducer(), // apollo reducer
    reducers, // your others reducers
  }),
  {},
  compose(
    // apply client.middleware() from ApolloClient and logger from redux-logger
    applyMiddleware(client.middleware(), thunk, promise, logger),

    // If you are using the devToolsExtension, you can add it here also
    // window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__(),
  )
);


const Root = () => {
  return (
    // pass redux store and apollo client to ApolloProvider
    <ApolloProvider store={store} client={client}>
      <App />
    </ApolloProvider>
  );
};

ReactDOM.render(
  <Root />,
  document.querySelector('#root')
);