在Apollo GraphQL中处理onConnect和onDisconnect事件，可以通过自定义一个WebSocketLink并使用apollo-link-ws库进行处理。下面是一个示例代码：

首先，安装所需的依赖库：

npm install apollo-link-ws subscriptions-transport-ws graphql subscriptions-transport-ws

然后，创建一个WebSocketLink并处理onConnect和onDisconnect事件：

import { ApolloLink } from 'apollo-link';
import { WebSocketLink } from 'apollo-link-ws';
import { ApolloClient } from 'apollo-client';
import { InMemoryCache } from 'apollo-cache-inmemory';
import { split } from 'apollo-link';
import { getMainDefinition } from 'apollo-utilities';

// 创建WebSocketLink
const wsLink = new WebSocketLink({
  uri: 'ws://localhost:4000/graphql',
  options: {
    reconnect: true,
    connectionParams: {
      // 在onConnect事件中处理连接成功时的逻辑
      onConnect: () => {
        console.log('Connected');
        // 连接成功时的逻辑
      },
      // 在onDisconnect事件中处理连接断开时的逻辑
      onDisconnect: () => {
        console.log('Disconnected');
        // 连接断开时的逻辑
      },
    },
  },
});

// 创建HTTP Link
const httpLink = new HttpLink({
  uri: 'http://localhost:4000/graphql',
});

// 使用split函数将WebSocketLink和HTTP Link分开处理
const link = split(
  ({ query }) => {
    const { kind, operation } = getMainDefinition(query);
    return kind === 'OperationDefinition' && operation === 'subscription';
  },
  wsLink,
  httpLink,
);

// 创建Apollo Client
const client = new ApolloClient({
  link: ApolloLink.from([link]),
  cache: new InMemoryCache(),
});

这样，你就可以使用上述client来进行GraphQL的订阅和查询操作，并在onConnect和onDisconnect事件中处理连接相关的逻辑了。