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

react creating function to call API in app: calling APIs after render w error message

Jae Clayton answered on June 26, 2022 Popularity 1/10 Helpfulness 1/10

answer react creating function to call API in app: calling APIs after render w error message

related react : calling APIs after render w error message

react creating function to call API in app: calling APIs after render w error message

Comment

import { useState } from 'react';

function App() {
  const [imageUrl, setImageUrl] = useState('https://images.dog.ceo/breeds/hound-afghan/n02088094_1003.jpg');

  return (
    <div>
      <h1>My Dog Log</h1>
      <div>
        <button onClick={() => { console.log("The button was clicked!"); }}>Get New Random Dog Image</button>
        <img src={imageUrl} alt="A random dog" />
      </div>
    </div>
  );
}

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: learn-2.galvanize.com

Tags: api call function javascript message render

Link to this answer
Share Copy Link

Contributed on Jun 26 2022

Jae Clayton

0 Answers Avg Quality 2/10

Closely Related Answers

react : calling APIs after render w error message

Comment

import { useState, useEffect } from 'react';
import axios from 'axios';

function App() {
  const [imageUrl, setImageUrl] = useState('https://images.dog.ceo/breeds/hound-afghan/n02088094_1003.jpg');
  const [errorMessage, setErrorMessage] = useState('');

  useEffect(() => {
    axios.get('https://dog.ceo/api/breeds/image/random')
      .then((response) => {
        setImageUrl(response.data.message);
      })
      .catch((error) => {
        setErrorMessage(<section>{error.response.data.message}</section>);
      });
  }, []);

  return (
    <div>
      <h1>My Dog Log</h1>
      {errorMessage}
      <div>
        <img src={imageUrl} alt="A random dog" />
      </div>
    </div>
  );
}

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: learn-2.galvanize.com

Tags: javascript message render

Link to this answer
Share Copy Link

Contributed on Jun 26 2022

Jae Clayton

0 Answers Avg Quality 2/10

react creating function to call API in app: calling APIs after render w error message

Contents

More Related Answers

react creating function to call API in app: calling APIs after render w error message

Closely Related Answers

react : calling APIs after render w error message

Grepper

Documentation

Social

Legal

Contact

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