How to use the react-fetching-library.useQuery function in react-fetching-library

To help you get started, we’ve selected a few react-fetching-library examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github Azure-Samples / azure-intelligent-edge-patterns / edge-ai-void-detection / modules / apiserver / src / RetailDemo.Web.UI / ClientApp / src / api / DataContainers / imageEventsContainer.jsx View on Github external
export const imageEventsContainer = (edgeDevice) => {
    //const { edgeDevice} = props;

    const { loading, payload, error, query } = useQuery(fetchImageEvents(edgeDevice), false);

    let isLoading = loading;
    const isError = error;
    const reload = query;

    if (payload === undefined) isLoading = true;

    let capturetime = "";
    let imgSrc = "";
    let newOutOfStockItems = 0;

    if (payload !== undefined) {
        imgSrc = payload.body.dest_img;
        newOutOfStockItems = payload.body.result.num_detections;
        capturetime = payload.capturetime;
    }
github marcin-piela / react-fetching-library / examples / ssr-nextjs / pages / index.js View on Github external
const Users = () => {
  const { loading, payload, error, query } = useQuery(action, true);

  return (
    <div>
      {loading &amp;&amp; <span>Loading</span>}

      {error &amp;&amp; <span>Error</span>}

      {!loading &amp;&amp;
        payload &amp;&amp;
        payload.map((user, index) =&gt; (
          <span>
            {index + 1} - {user.firstName} <br>
            <br>
          </span>
        ))}
</div>
github marcin-piela / react-fetching-library / examples / use-query-hook / src / usersList / UsersListContainer.tsx View on Github external
export const UsersListContainer = () =&gt; {
  const { loading, payload, error, query } = useQuery(fetchUsersList);

  return ;
};

react-fetching-library

Simple and powerful API client for react. Use hooks or FACC's to fetch data in easy way. No dependencies! Just react under the hood.

MIT
Latest version published 4 years ago

Package Health Score

53 / 100
Full package analysis