Estoy usando la API de React, Express y Petfinder. Puedo guardar con éxito cada mascota favorita en localStorage y me gustaría mostrar la lista de favoritos para ese usuario conectado, en una nueva página. Aquí es donde estoy agregando la mascota como favorita.

 const addFavouritePet = (Pet) => { const newFavList = [...favourites, Pet]; setFavourites(newFavList); setFavPet(Pet); const user = JSON.parse(localStorage.getItem("userID")); const pet = JSON.parse(localStorage.getItem("Favourites")); const userId = user.id; for (let fav of favourites) { Axios.post("http://localhost:3001/api/favourites", { pets_id: fav.id, users_id: userId, shelters_id: fav.organization_id, pet_details: pet, }) .then((res) => { console.log(res); }) .catch((err) => console.log(err)); } };

Esto es lo que he escrito hasta ahora para tratar de obtener la lista de mascotas favoritas de ese usuario y mostrarla en una nueva página.

 export default function Favourites({ id }) { axios.get("http://localhost:3001/api/favourites").then((res) => { for (let i = 0; i < res.data.length; i++) { const petData = res.data.pet_details; } }); return ( <> <div>Favourites</div> </> ); }