Skip to content

Instantly share code, notes, and snippets.

@simicd

simicd/blog_useFetch_async_useEffect_DogImage.tsx

Created August 16, 2020 18:23
Show Gist options
  • Save simicd/e8249fdfe18bf57212aff25672134092 to your computer and use it in GitHub Desktop.
Save simicd/e8249fdfe18bf57212aff25672134092 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
blog_useFetch_async_useEffect_DogImage.tsx
//DogImage.tsx
import React, { FC } from "react";
import { useFetch } from "./useFetch";
export const DogImage: FC = () => {
const data = useFetch({ url: "https://dog.ceo/api/breed/beagle/images/random"})
return <>{data ? <img src={data.message} alt="dog"></img> : <div>Loading</div>}</>;
};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment