ReactJSX - Boucler un tableau

Récuperer des données de tableaux imbriquer

12 septembre 2022 à 16:15:44

Bonjour,

Je n'arrive pas a récupérer les données d'un tableau qui ce situe dans un tableau.

exemple:

const tableau1 = [{

   pseudo: "loic",

   tableau2: [{

      commenterPseudo: "loic"

    }],
   imgSrc: "https://image.com/",

}]

J'ai utiliser un useState pour recuperer mon premier tableau qui ce situe dans res.data :

const [posts, setPosts] = useState([]);

useEffect(() => {

axios({

method: "GET",

url: `http://localhost:8000/api/post/`,

headers: {

authorization: `Bearer ${articleLocalStorage[0].token}`,

"Content-Type": "application/json",

})

.then((res) => {

setPosts(res.data);

})

.catch((err) => {

console.log(err);

});

}, []);

Maintenant, je n'arrive pas a State le deuxième tableau.

Pourriez vous m'éclairer?

Kovsky

13 septembre 2022 à 10:40:24

Bonjour,

Je ne suis pas certain de comprendre à 100% ce que tu souhaites faire, mais tu peux boucler comme ça sur ton tableau 1 et ensuite reboucler sur le second pour avoir acces au second element

tableau1.forEach(tab1 => {
  tab1.tableau2.forEach(tab2 => {
    console.log("faire un set state du tableau 2", tab2)
  })
})

Développeur react freelance à Toulouse

Je suis développeur react freelance spécialisé dans la création de site internet basé à Toulouse