compose 未从react-apollo 导出

客户端

：

React-apollo 是一个用于将 Apollo 客户端与 React 应用程序集成的库。它提供了一种简单且优雅的方式来管理 GraphQL 数据的状态，以及与后端进行交互。然而，有时候我们可能会遇到一个问题，就是在使用 React-apollo 的时候，无法从中导出 compose 函数。本文将介绍如何解决这个问题，并提供一个案例代码。

首先，我们需要明白为什么会出现无法导出 compose 的情况。这通常是因为我们在导入 React-apollo 的时候，没有正确地导入 compose 函数。在新版本的 React-apollo 中，compose 函数已经被移除了，而是直接从 Apollo-boost 库中导入。因此，我们需要相应地修改我们的导入语句。

下面是一个简单的案例代码，展示了如何正确地导入 compose 函数并使用它：

Javascript
import React from 'react';
import { graphql, compose } from 'react-apollo';
import { gql } from 'apollo-boost';
const MyComponent = ({ data }) => {
  // 在这里使用 GraphQL 数据
  return (
    <div>
      {data.loading ? (
        
Loading...
      ) : (
        <ul>
          {data.items.map(item => (
            <li key={item.id}>{item.name}</li>
          ))}
        </ul>
      )}
    </div>
  );
};
const query = gql<code>
  query {
    items {
      id
      name
    }
  }
</code>;
export default compose(
  graphql(query)
)(MyComponent);

在上面的代码中，我们首先从 react-apollo 导入了 compose 函数。然后，我们使用它来将 GraphQL 查询与组件进行组合，以便能够正确地获取数据并在组件中使用。最后，我们将组合后的组件导出。

如何正确导入 compose 函数

在新版本的 React-apollo 中，compose 函数已经被移除了，我们需要从 Apollo-boost 库中导入它。为了正确导入 compose 函数，我们需要按照以下步骤进行操作：

1. 首先，确保你已经安装了最新版本的 react-apollo 和 Apollo-boost。你可以使用以下命令来安装它们：

bash
npm install react-apollo apollo-boost

2. 在你的代码中，将导入语句中的 compose 函数从 react-apollo 中移除，改为从 Apollo-boost 中导入。你的导入语句应该类似于下面的代码：

Javascript
import { graphql } from 'react-apollo';
import { gql, compose } from 'apollo-boost';

通过按照上述步骤进行操作，你就可以正确地导入 compose 函数，并在使用 React-apollo 的同时获得其强大的功能和灵活性。

：

在本文中，我们介绍了在使用 React-apollo 的时候，无法从中导出 compose 函数的问题，并提供了解决方案，并给出了一个案例代码来演示如何正确导入和使用 compose 函数。通过使用 compose 函数，我们可以更好地管理 GraphQL 数据的状态，并与后端进行交互，从而提高我们的 React 应用程序的开发效率和灵活性。希望本文对你有所帮助！