how to extract data from api with react js when button is clicked

Nicolas CUBILIER answered on August 3, 2022 Popularity 4/10 Helpfulness 2/10

answer how to extract data from api with react js when button is clicked

how to extract data from api with react js when button is clicked

Comment

import React, { useState } from "react"
2
3const ButtonClick = () => {
4  const [users, setUsers] = useState([])
5
6  const fetchData = () => {
7    fetch("https://jsonplaceholder.typicode.com/users")
8      .then(response => {
9        return response.json()
10      })
11      .then(data => {
12        setUsers(data)
13      })
14  }
15
16  return (
17    <div>
18      <button onClick={fetchData}>Fetch Users</button>
19      {users.length > 0 && (
20        <ul>
21          {users.map(user => (
22            <li key={user.id}>{user.name}</li>
23          ))}
24        </ul>
25      )}
26    </div>
27  )
28}
29
30export default ButtonClick

Popularity 4/10 Helpfulness 2/10 Language javascript

Source: www.codingdeft.com

Tags: api button extract javascript when

Link to this answer
Share Copy Link

Contributed on Aug 03 2022

Nicolas CUBILIER

0 Answers Avg Quality 2/10

how to extract data from api with react js when button is clicked

Contents

More Related Answers

how to extract data from api with react js when button is clicked

Grepper

Documentation

Social

Legal

Contact

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