add useAPI

signumsoftware · Feb 20, 2019 · 9ae1966 · 9ae1966 · olmobrutall · Feb 20, 2019
1 parent e42d0bf
commit 9ae1966
Showing 1 changed file with 22 additions and 0 deletions.
diff --git a/Signum.React/Scripts/Services.ts b/Signum.React/Scripts/Services.ts
@@ -1,5 +1,6 @@
 import { ModelState } from './Signum.Entities'
 import { GraphExplorer } from './Reflection'
+import * as React from 'react'
 
 export interface AjaxOptions {
   url: string;
@@ -383,3 +384,24 @@ export class AbortableRequest<Q, A> {
     }) as Promise<A>;
   }
 }
+
+
+export function useAPI<T>(defaultValue: T, key: ReadonlyArray<any> | undefined, makeCall: (signal: AbortSignal) => Promise<T>): T {
+
+  const [data, updateData] = React.useState<T>(defaultValue)
+
+  React.useEffect(() => {
+    var abortController = new AbortController();
+
+    makeCall(abortController.signal)
+      .then(result => updateData(result))
+      .done();
+
+    return () => {
+      abortController.abort();
+    }
+  }, key);
+
+  return data;
+
+}