jwchang0206 · March 2, 2020 11:04 · Mar 2, 2020
diff --git a/reactClassCancel.js b/reactClassCancel.js
@@ -0,0 +1,24 @@
+import React, { Component } from 'react';
+
+class Foo {
+  constructor(props) {
+    super(props);
+
+    this.tokens = [];
+  }
+
+  componentWillUnmount() {
+    // Cancel all the tokens generated within this component
+    this.tokens.forEach(token => {
+      token.abort();
+    });
+  }
+
+  makeRequest() {
+    const controller = new AbortController();
+    this.tokens.push(controller);
+
+    // Use this signal for Fetch
+    dispatch('ACTION_REQUEST', { signal: controller.signal });
+  }
+}