相关疑难解决方法(0)

如何在同一个 React 应用程序中将 redux 和 graphql 与 apollo 客户端一起使用?

我正在做一个项目,我在react中使用apollo/client、graphql,对于全局状态管理,我必须使用redux。我非常确定我必须在项目中处理更多数据,因此我会将其放入我的商店中。我想知道如何使用 apollo 客户端进行 redux 操作以从 graphql 端点获取数据

第一部分是我的 index.js,我在其中设置了 apollo 客户端。


    import React from "react";
    import ReactDOM from "react-dom";
    import App from './App.jsx';
    import {BrowserRouter} from "react-router-dom";
    import store from "./store";
    import { Provider } from "react-redux";
    import ApolloClient from 'apollo-boost';
    import { ApolloProvider } from 'react-apollo';
    import {InMemoryCache} from "@apollo/client";
    
     const client = new ApolloClient({
        uri: 'http://localhost:4000/graphql',
        cache: new InMemoryCache()
      });
    
    ReactDOM.render(
        <React.StrictMode>
         <ApolloProvider client={client}>
        <Provider store={store}>
        <BrowserRouter>
            <App />
            </BrowserRouter>
            </Provider>
            </ApolloProvider>
        </React.StrictMode>,
        document.getElementById("root")
    );

Run Code Online (Sandbox Code Playgroud)

我在完成 redux 的操作文件时遇到问题。它没有将数据发送到应用程序的其余部分。 …

javascript reactjs graphql redux

7
推荐指数
1
解决办法
5805
查看次数

标签 统计

graphql ×1

javascript ×1

reactjs ×1

redux ×1