溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
在Svelte中使用GraphQL訂閱可以通過一些庫例如graphql-request來實現。以下是一個示例和最佳實踐：
graphql-request庫：npm install graphql-request
import { GraphQLClient } from 'graphql-request';
const client = new GraphQLClient('https://your-graphql-endpoint');
export default client;
useSubscription鉤子來訂閱GraphQL數據：<script>
import { onMount } from 'svelte';
import { useSubscription } from './graphqlClient'; // 導入GraphQL客戶端
import { subscriptionQuery } from './subscriptionQuery'; // 導入GraphQL訂閱查詢
let data = null;
onMount(() => {
const subscription = useSubscription(subscriptionQuery, {
variables: { /* 傳遞訂閱變量 */ },
onData: (result) => {
data = result.data;
},
onError: (error) => {
console.error(error);
}
});
return () => {
subscription.unsubscribe();
};
});
</script>
<p>{JSON.stringify(data)}</p>
在這個示例中，useSubscription鉤子將訂閱GraphQL數據，并在數據更新時更新組件的狀態。在subscriptionQuery文件中，可以定義GraphQL訂閱查詢。
最佳實踐包括確保訂閱在組件掛載時開始，并在組件卸載時停止訂閱，以避免內存泄漏和不必要的網絡請求。另外，應該處理訂閱的錯誤情況，并在適當的時候重新連接訂閱。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
