Breaking News: Grepper is joining You.com. Read the official announcement!

using fetch hook

Helpless Hummingbird answered on January 25, 2022 Popularity 7/10 Helpfulness 2/10

answer using fetch hook

related fetch hook

using fetch hook

Comment

import useFetchData from './useFetchData'
 
function Users() {
    const { data } = useFetchData("https://api.github.com/users");

  return (
      <div>
          {data && (
            data.map((user) =>(
                <div className="text-white" key={user.id}>
                    <h1> {user.login} </h1>
                    <p> { user.type } </p>
                </div>
            ))
          )}
      </div>
  )
}

export default Users;

Popularity 7/10 Helpfulness 2/10 Language javascript

Source: www.freecodecamp.org

Tags: fetch hook javascript using

Link to this answer
Share Copy Link

Contributed on Jan 25 2022

Helpless Hummingbird

0 Answers Avg Quality 2/10

Closely Related Answers

fetch hook

Comment

import { useState, useEffect} from 'react'

function useFetchData(url) {
    const [data, setData] = useState(null);

    useEffect(() => {
      fetch(url)
        .then((res) => res.json())
        .then((data) => setData(data))
        .catch((err) => console.log(`Error: ${err}`));
    }, [url]);

    return { data };
}

export default useFetchData

Popularity 6/10 Helpfulness 1/10 Language javascript

Source: www.freecodecamp.org

Tags: hook fetch javascript

Link to this answer
Share Copy Link

Contributed on Jan 25 2022

Helpless Hummingbird

0 Answers Avg Quality 2/10

using fetch hook

Contents

More Related Answers

using fetch hook

Closely Related Answers

fetch hook

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.