react update component after api call

miletoo answered on April 11, 2022 Popularity 8/10 Helpfulness 5/10

answer react update component after api call

react update component after api call

Comment

const Settings = () => {
  const [state, setState] = useState({});
  const [isLoading, setIsLoading] = useState(false);

  useEffect(() => {
    const getAllInformation = async () => {
      // start loading
      setIsLoading(true);
      // make the request here
      const data = await fetch();
      setState({ ...data });
      // already finished here
      setIsLoading(false);
    };
    getAllInformation()
  }, []);

  return (
    <div>
      {isLoading ? (
        <Loading />
      ) : (
        {
          /* MORE CODE */
        }
      )}
    </div>
  );
};

Popularity 8/10 Helpfulness 5/10 Language javascript

Source: stackoverflow.com

Tags: api call javascript

Link to this answer
Share Copy Link

Contributed on Apr 11 2022

miletoo

0 Answers Avg Quality 2/10

react update component after api call

Contents

More Related Answers

react update component after api call

Grepper

Documentation

Social

Legal

Contact

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