如何取消订阅接力现代

我已经按照How to GraphQL React + Relay上的订阅教程，但它没有提及如何取消订阅或者是否使用Relay Modern网站。

任何帮助都会很棒。

UPDATE ----------

据李拜伦（see GitHub issue），你只需要调用dispose() 在requestSubscription()

作出以下修改后，例如：

./src/subscriptions/NewVoteSubscription.js（添加return到requestSubscription）

export default() => { 
    const subscriptionConfig = { 
    subscription: newVoteSubscription, 
    variables: {}, 
    updater: proxyStore => { 
     const createVoteField = proxyStore.getRootField('Vote') 
     const newVote = createVoteField.getLinkedRecord('node') 
     const updatedLink = newVote.getLinkedRecord('link') 
     const linkId = updatedLink.getValue('id') 
     const newVotes = updatedLink.getLinkedRecord('_votesMeta') 
     const newVoteCount = newVotes.getValue('count') 

     const link = proxyStore.get(linkId) 
     link.getLinkedRecord('votes').setValue(newVoteCount, 'count') 
    }, 
    onError: error => console.log(`An error occured:`, error) 
    } 

    return requestSubscription(
     environment, 
     subscriptionConfig 
)

个

./src/components/LinkList.js（设置组件的订阅，然后使用componentWillUnmount到dispose()吧）

componentDidMount() { 
    this.subscription = NewVoteSubscription() 
} 

componentWillUnmount() { 
    this.subscription.dispose() 
}

以下是错误我得到：

Uncaught TypeError: Cannot read property 'dispose' of undefined 
    at RelayObservable.js:94 
    at doCleanup (RelayObservable.js:453) 
    at Object.unsubscribe (RelayObservable.js:474) 
    at RelayObservable.js:330 
    at doCleanup (RelayObservable.js:453) 
    at Object.unsubscribe (RelayObservable.js:474) 
    at doCleanup (RelayObservable.js:450) 
    at Object.unsubscribe [as dispose] (RelayObservable.js:474) 
    at LinkList.componentWillUnmount (LinkList.js:18) 
    at callComponentWillUnmountWithTimerInDev (react-dom.development.js:11123) 
    at HTMLUnknownElement.callCallback (react-dom.development.js:1309) 
    at Object.invokeGuardedCallbackDev (react-dom.development.js:1348) 
    at invokeGuardedCallback (react-dom.development.js:1205) 
    at safelyCallComponentWillUnmount (react-dom.development.js:11131) 
    at commitUnmount (react-dom.development.js:11421) 
    at unmountHostComponents (react-dom.development.js:11362) 
    at commitDeletion (react-dom.development.js:11392) 
    at commitAllHostEffects (react-dom.development.js:12279) 
    at HTMLUnknownElement.callCallback (react-dom.development.js:1309) 
    at Object.invokeGuardedCallbackDev (react-dom.development.js:1348) 
    at invokeGuardedCallback (react-dom.development.js:1205) 
    at commitAllWork (react-dom.development.js:12384) 
    at workLoop (react-dom.development.js:12695) 
    at HTMLUnknownElement.callCallback (react-dom.development.js:1309) 
    at Object.invokeGuardedCallbackDev (react-dom.development.js:1348) 
    at invokeGuardedCallback (react-dom.development.js:1205) 
    at performWork (react-dom.development.js:12808) 
    at batchedUpdates (react-dom.development.js:13262) 
    at performFiberBatchedUpdates (react-dom.development.js:1656) 
    at stackBatchedUpdates (react-dom.development.js:1647) 
    at batchedUpdates (react-dom.development.js:1661) 
    at Object.batchedUpdatesWithControlledComponents [as batchedUpdates] (react-dom.development.js:1674) 
    at dispatchEvent (react-dom.development.js:1884)

来源

2017-09-06 Andrew Hunt

and setup RelayEnvironment

function setupSubscription(config, variables, cacheConfig, observer) { 
    const query = config.text; 

    const subscriptionClient = new SubscriptionClient(websocketURL, { 
    reconnect: true 
    }); 

    const client = subscriptionClient.request({ query, variables }).subscribe({ 
    next: result => { 
     observer.onNext({ data: result.data }); 
    }, 
    complete:() => { 
     observer.onCompleted(); 
    }, 
    error: error => { 
     observer.onError(error); 
    } 
    }); 

    return { 
    dispose: client.unsubscribe 
    }; 
}

来源

2017-10-12 16:31:12

如何取消订阅接力现代

回答

相关问题