reactjs - Hur man får avbryt begäran bearbetning att fungera

Jag gjorde en komponent Pul som skickar en förfrågan till servern och bearbetar den. Pul

Men jag vill skapa en separat ProcessingRequest-klass för att kasta och bearbeta.Pul + ProcessingRequest

Varför fungerar fetch bara en gång och ger ett fel?

class ProcessingRequest {
  abortController: AbortController = new AbortController();

  async ServerRequest(endURL: string) {
    try {
      console.log(this.abortController);
      const Res = await fetch(`${endURL}`, {
        signal: this.abortController.signal
      });
      const Product = await Res.json();
      if (!Res.ok || !Product) {
        throw new Error("Page Not Found 404");
      }
      return Product;
    } catch (error) {
      return error.name !== "AbortError" ? `${error.message}` : "";
    }
  }

  Abort() {
    this.abortController.abort();
  }
}

export default new ProcessingRequest();