AdithyaBhat17 · July 30, 2019 15:06
diff --git a/useFetch with token header.js b/useFetch with token header.js
 import { useState, useEffect } from 'react'

 export const useFetch = (url) => {
    const [data, setData] = useState(undefined)
    const [loading, setLoading] = useState(false)

    useEffect(() => {
        // loading set to true for spinner to show up
        setLoading(true)
        // make the api call
        fetch(url, {
            method: 'GET',
            headers: {
                'Content-Type': 'application/json',
                'token': localStorage.getItem('Authorization')
            }
        })
        .then(response => response.json())
        // where the magic happens
        .then(data => {
            setData(data)
            setLoading(false)
        })
        // where the sadness hits the roof
        .catch(error => console.error(error))
    }, [url]) // dependency array to call the lifecycle event once again if the url changes.

    // return these bad boys to the RFC.
    return [data, loading]