要捕获和渲染Apollo错误链接中的错误并使用自定义React组件进行渲染，可以按照以下步骤操作：

1. 安装所需的依赖：

   npm install apollo-link-error react react-dom
   

2. 创建一个自定义React组件来渲染错误信息，例如ErrorComponent.js：

   import React from "react";
   
   function ErrorComponent({ error }) {
     // 根据错误信息定制你想要显示的内容
     return (
       
   
         
   出错了！
         
   {error.message}
       
     );
   }
   
   export default ErrorComponent;
   

3. 在Apollo客户端中创建一个错误链接，并使用自定义React组件进行渲染，例如ErrorLink.js：

   import { onError } from "apollo-link-error";
   import ErrorComponent from "./ErrorComponent";
   
   const errorLink = onError(({ graphQLErrors, networkError }) => {
     if (graphQLErrors) {
       graphQLErrors.map(({ message, locations, path }) =>
         console.log(`[GraphQL error]: Message: ${message}, Location: ${locations}, Path: ${path}`)
       );
     }
   
     if (networkError) {
       console.log(`[Network error]: ${networkError}`);
     }
   });
   
   export default errorLink;
   

4. 在Apollo客户端中将错误链接添加到其他链接中，例如ApolloClient.js：

   import { ApolloClient, InMemoryCache, HttpLink } from "@apollo/client";
   import errorLink from "./ErrorLink";
   
   const httpLink = new HttpLink({
     uri: "https://example.com/graphql",
   });
   
   const client = new ApolloClient({
     link: errorLink.concat(httpLink),
     cache: new InMemoryCache(),
   });
   
   export default client;
   

5. 在你的应用程序中使用ApolloProvider包装你的根组件，并将Apollo客户端传递给它，例如App.js：

   import React from "react";
   import { ApolloProvider } from "@apollo/client";
   import client from "./ApolloClient";
   import YourComponent from "./YourComponent";
   
   function App() {
     return (
       
         
       
     );
   }
   
   export default App;
   

这样，当发生GraphQL错误或网络错误时，错误信息将被捕获并使用自定义React组件进行渲染。你可以根据需要修改ErrorComponent.js中的内容，以满足你的需求。