Migggz/react-hook-image

★ 4Forks 0TypeScriptGitHub ↗Compare

README

useImage
Minimal React Hook to load images!

Install

Yarn
yarn add react-hook-image
NPM
npm i react-hook-image

Usage

import useImage from "react-hook-image";

export default function ImageComponent({ imageUrl }) {
  const { src, status } = useImage(imageUrl, "Anonymous");
  
  return status === "loading" ? <div>Loading ...</div> : <img src={src} alt="alt text" />
});

Hook status: loading, success, failed

Arguments Required?
url Yes
crossOrigin No

License

Licensed under the MIT License

Contributors

Migggz

Issues