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

react render component after fetch

Add Answer

Danila answered on June 9, 2022 Popularity 9/10 Helpfulness 4/10

Contents

answer react render component after fetch

More Related Answers

react fetch post

React-table not showing newly fetched data when rendering

await fetch in react

fetch data from api in react

react fetch url

In React how can fetch API

React best way of forcing component to update

react update component after api call

how to data fetch in react

data fetch with loading in react

fetch react syntax

fetch await reactjs

how to fetch data from react using axios

how to fetch api in class component react

fetch request in react

fetch data with axios in reactjs

Fetching data with React

react fetch data

api fetch in react js

REACT JS Rest API Fetch Post

how to fetch api in class component react

react axios fetchData with loading screen plus API

Make changes to api fetch onclick in react

react : calling APIs after render

react throttle render

react how to block render if data is not fetched yet

force update function component after fetch data second time

force update function component after fetch data second time

react render component after fetch

Comment

1

import React, { useState } from "react";
import ReactDOM from "react-dom";

const CurrentComponent = () => <div>I am current</div>;
const NewComponent = () => <div>I am new</div>;

const App = () => {
  const [loading, setLoading] = useState(true);

  // this simulates your fetch
  setTimeout(() => {
    setLoading(false);
  }, 2000);

  return (
    <div className="App">
      <h1>Hello CodeSandbox</h1>
      <h2>Component:</h2>
      {loading ? <CurrentComponent /> : <NewComponent />}
    </div>
  );
};

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: fetch javascript loaded render

Share

Link to this answer
Share Copy Link

Danila

Contributed on Jun 09 2022

Danila

0 Answers Avg Quality 2/10

X

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

X

Grepper Account Login Required

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

Install Grepper Here