add useAPI

Author: olmobrutall

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;
+
+}