Try This
import React, { useState, useEffect } from 'react';
import Spinner from './your-custom-component';
export default MyComponent = () => {
const [isLoading, setIsLoading] = useState(true); // When the page loads it must be true;
useEffect(() => {
setIsLoading(false);
}, []); // Initial render
const handleUpdate = async () => {
setIsLoading(true);
await performAsyncOpHere();
setIsLoading(false);
}
return isLoading? <Spinner /> : <fancy-html />
}
* Be the first to Make Comment