¿Cómo se puede mostrar una rueda de carga mientras se cargan los datos para buscar?
const [user, loading, error] = useAuthState(auth); const navigate = useNavigate() const [bikes] = useBikes() if (loading) { return <Loading></Loading> } fetch(`http://localhost:5000/bike/${id}`, { method: 'DELETE' }) .then(res => res.json()) .then(data => { console.log(data) alert('One Item Deleted') });Si tiene la rueda debajo de la spinner de identificación, aquí hay un ejemplo minimalista de cómo puede hacerlo. simplemente envuelva la búsqueda dentro de una función.
function delitem(){ document.getElementByID("spinner").style.display = "block" fetch(`http://localhost:5000/bike/${id}`, { method: 'DELETE' }) .then(res => res.json()) .then(data => { console.log(data) alert('One Item Deleted') document.getElementByID("spinner").style.display = "none" }); }Ponga su API de búsqueda dentro de useEffect, para que pueda implementar fácilmente su funcionalidad de spinner
const [isLoading,setIsLoading]=useState(false); useEffect(()=>{ setIsLoading(true); fetch("some-url").then(res=>res.json()) .then(data=>{ setIsLoading(false) console.log(data); },[]) if(isLoading){ return <LoadingSpinner/> } return <div>..your data </div>