Ich bin gerade auf dieses Problem gestoßen und konnte keine Ressourcen zu meinem Fall finden. Ich erstelle eine React-App, die die Spotify-API verwendet, und möchte eine Funktion ausführen, die ein lokales useState-Objekt mit einem „ArtistInformation“-Array (einem js-Objekt vom API-Endpunkt) füllt.

Dieses Codebeispiel durchläuft das Künstler-ID-Array und sollte die API-Funktion „spotiApi.getArtistInfo(id)“ nur einmal ausführen.

Beim Lauf so:

const getArtistInformation = () => { console.log("sp ids",spotifyArtistIds) Promise.all(spotifyArtistIds.map(id => { return spotiApi.getArtistInfo(id) })).then(respList => { // setArtistInfo(respList) console.log("artistInfo", artistInfo)}) }

Code-Snippet läuft einwandfrei und wird nicht mehr ausgeführt

Aber wenn „setArtistInfo“ useState aufgerufen wird, wird die Schleife unendlich weiter ausgeführt

const getArtistInformation = () => { console.log("sp ids",spotifyArtistIds) Promise.all(spotifyArtistIds.map(id => { return spotiApi.getArtistInfo(id) })).then(respList => { setArtistInfo(respList) console.log("artistInfo", artistInfo)}) }

Hier ist die gesamte Komponente als Referenz:

import { Box } from "@mui/material"; import React, { useEffect, useState } from "react"; import { useSelector } from "react-redux"; import SpotifyApi from "../../api/SpotifyApi"; export const DashboardView = () => { const spotifyArtistIds = useSelector(state => state.member.spotifyArtistIds) const [artistInfo, setArtistInfo] = useState([]) const [showId, setShowId] = useState(spotifyArtistIds[0]) const spotiApi = new SpotifyApi(); const getArtistInformation = () => { console.log("sp ids",spotifyArtistIds) Promise.all(spotifyArtistIds.map(id => { return spotiApi.getArtistInfo(id) })).then(respList => { // setArtistInfo(respList) console.log("artistInfo", artistInfo)}) } const getThisArtistInfo = () => { console.log("art", artistInfo) return artistInfo.filter(info => info.data.id === showId)[0].data } useEffect(() => { getArtistInformation() }) return (  
{getThisArtistInfo()?.name}'s Dashboard
 ) }

Vielen Dank für jede Hilfe im Voraus und ich hoffe, wir können das herausfinden!