Comment accéder à l'objet JSON enfant à l'intérieur de la composante réactive

hi vous pouvez l'utiliser comme ceci xxx

objet.Keys (supplémentaireInfo.missingmetersregisters.MissingCounts) .map ((clé) => {console.log (clé) // Cette touche renvoyée uniquement et j'ai besoin de valeurs aussi}) p>

Pour obtenir des valeurs Utiliser P>

Object.keys(additionalinfo.missingmetersregisters.missingCounts).map((key) => {
  console.log(key) // key
  console.log(additionalinfo.missingmetersregisters.missingCounts[key]) //value
})

Accéder à l'objet à l'intérieur de l'objet est simple. Seulement qu'il pourrait y avoir des scénarios où l'un des objets de la chaîne pourrait être manquant, alors vous devez être prudent tout en accédant.

Chargement en option peut être utilisé lorsqu'il y a un tel scénario et que vous ne savez pas si toutes les clés de l'objet seront disponibles ou non. Cela dit qu'il s'agit d'une nouvelle fonctionnalité et assurez-vous de vérifier la vérification de la compatibilité dans les documents avant d'utiliser dans votre demande. p>

ci-dessous est un exemple pour le même p>

p>

let data = {
  additionalinfo: {
    totalCount: 10,
    missingmetersregisters: {
      missingCounts: {
        mscsMeters: 0,
        mdmsMeters: 0,
        mscsRegisters: 0,
        mdmsRegisters: 0,
      },
    },
    intervaldatadifference: {
      intervaldatadifferencecount: 2,
    },
  },
}

const listAll = obj => {
  for (let [key, value] of Object.entries(obj)) {
    console.log(`${key} - ${JSON.stringify(value)}`)
  }
}

listAll(data.additionalinfo.missingmetersregisters.missingCounts)