Apollo的useSubscription在新窗口中不起作用。
创始人
2024-09-09 09:00:29
0

要解决"Apollo的useSubscription在新窗口中不起作用"的问题,首先需要确保以下几点:

  1. 确定Apollo Client已正确配置并与服务器建立连接。
  2. 确保在新窗口中正确使用useSubscription钩子。

以下是一个代码示例,展示了如何正确使用Apollo Client和useSubscription钩子:

  1. 首先,确保你已经正确安装了Apollo Client库,并在你的代码中导入了所需的依赖项。
import { ApolloClient, InMemoryCache, ApolloProvider, useSubscription, gql } from '@apollo/client';
  1. 创建Apollo Client实例,并将其包装在ApolloProvider中。
const client = new ApolloClient({
  uri: 'http://localhost:4000/graphql',
  cache: new InMemoryCache(),
});

function App() {
  return (
    
      {/* Your app components */}
    
  );
}
  1. 在新窗口中使用useSubscription钩子来订阅服务器端的数据。
const SUBSCRIPTION_QUERY = gql`
  subscription {
    newMessage {
      id
      content
    }
  }
`;

function NewWindowComponent() {
  const { data, loading, error } = useSubscription(SUBSCRIPTION_QUERY);

  if (loading) return 

Loading...

; if (error) return

Error: {error.message}

; return (
{data.newMessage.map(message => (

{message.content}

))}
); }

通过这些步骤,你应该能够正确使用Apollo Client和useSubscription钩子在新窗口中订阅并接收来自服务器端的数据。确保你的服务器端也正确实现了相应的订阅功能。

相关内容

热门资讯

2分钟了解(德扑之星埋牌)软件... 1、2分钟了解(德扑之星埋牌)软件透明挂辅助机制(透视)软件透明挂(2024已更新)(哔哩哔哩);详...
今日焦点!亲朋游戏有辅助器,微... WePoke高级策略深度解析‌;今日焦点!亲朋游戏有辅助器,微信小程序雀神辅助器汇检测到,2024新...
攻略讲解!扑克世界辅助下载(透... 攻略讲解!扑克世界辅助下载(透视软件挂)-竟然是真的有挂(2021已更新);扑克世界辅助下载是一款非...
八分钟普及!福建兄弟十三水合作... 八分钟普及!福建兄弟十三水合作(透视)外挂透视辅助app(2023已更新)(哔哩哔哩)是一款可以让一...
我来分享!德扑之星怎么在电脑上... 我来分享!德扑之星怎么在电脑上玩(辅助挂)外挂辅助软件(2025已更新)(哔哩哔哩)是一款可以让一直...
每日必看!葫芦娃捉鸡攻略,雀神... 每日必看!葫芦娃捉鸡攻略,雀神广东麻将神器软件哪里买,曝光教程(真是有挂);葫芦娃捉鸡攻略软件透明挂...
实操分享!捕鱼脚本黑科技辅助器... 实操分享!捕鱼脚本黑科技辅助器(透视软件挂)-果真真的有挂(2023已更新);亲,这款捕鱼脚本黑科技...
揭秘几款(鱼扑克app俱乐部)... 鱼扑克app俱乐部透视辅助版本稳定性对比与推荐‌:揭秘几款(鱼扑克app俱乐部)软件透明挂辅助插件(...
透视透明挂!贵州闲来麻将真的有... 1、透视透明挂!贵州闲来麻将真的有挂,雀神小程序好牌几率挂,教你攻略(真的有挂)(UU poker、...
5分钟普及!一起宁德麻将钓蟹有... 5分钟普及!一起宁德麻将钓蟹有挂嘛(透视)外挂透视辅助软件(2021已更新)(哔哩哔哩),您好,一起...