useFetchRecord

Works just like useFetchData, except it returns only the first record. This hook is also exported as useFetchSingle.

Example

import { useFetchRecord } from "@olenbetong/appframe-react";

function MyComponent({ personId }) {
let { record, refresh, loading } = useFetchRecord(
dsEmployees,
personId ? `[PersonID] = '${personId}'` : false,
);

return (
<div>
{loading && <LinearProgress />}
{record.FirstName} {record.LastName}
<Button onClick={refresh}>Refresh data</Button>
</div>
);
}

API

declare type FetchRecordStatus<T> = {
  record: Partial<T>;
  refresh: () => void;
  /**
   * @deprecated Use loading instead
   */
  isLoading: boolean;
  loading: boolean;
};

export declare function useFetchRecord<T>(
  dataObject: DataObject<T>,
  filter: false | string | Filter
): FetchRecordStatus<T>;