fetch() method accepts a multitude of useful options. One of these is the
signal option, which can be used to abort a request. To create a valid value for this option, you can use
AbortController.signal after creating a new instance of
AbortController. Then, you can use
AbortController.abort() to cancel the request at any time.
const controller = new AbortController(); const signal = controller; fetch('https://my.site.com/data', signal ).then(res => console.log(res)); controller.abort();
This is particularly useful in scenarios where a request takes too long or the response is no longer needed. You can see a common React use-case for this in the useFetch hook.
Would you like to help us improve 30 seconds of code?Take a quick survey
Messing up the order of chained
Performs left-to-right function composition for asynchronous functions.
Converges a list of branching functions into a single function and returns the result.