react-easy-fetch

Easy React component wrapper for axios

Install

yarn add react-easy-fetch
// or
npm i react-easy-fetch

Props

| prop | default | type | | --------- | :-----: | -----: | | url | | string | | params | {} | object | | method | "get" | string | | data | {} | object | | options | {} | object | | onSuccess | | void | | onError | | void |

Example

import { EasyFetch } from "react-easy-fetch";

const App = () => {
  const handleSuccess = (data) => console.log(data);
  const handleError = (error) => console.log(error);

  const Posts = (props) => {
    console.log(props.response);
    return <div>{props.isLoading && "Loading..."}</div>;
  };

  return (
    <EasyFetch
      url="https://jsonplaceholder.typicode.com/posts"
      method="post"
      params={{ posts: 1 }}
      data={{ post: 1, user: 2 }}
      options={{
        headers: { "X-Custom-Header": "value" },
      }}
      onSuccess={(data) => {
        console.log("onSuccess");
        handleSuccess(data);
      }}
      onError={(error) => {
        console.log("onError");
        handleError(error);
      }}
    >
      <Posts />
    </EasyFetch>
  );
};