Bonjour, j'éssaie de d'afficher des valeur provennant d'un fichier json où se trouve plusieurs objets json ayant les mêmes propriétés. Voici une partie du fichier.

{
  "ground1":{
    "groundId": "2",
    "city": "Paris",
    "country": "France",
    "groundName": "Bir-Hakeim",
  },
  "ground2":{
    "groundId": "26585",
    "city": "Bordeaux",
    "country": "France",
    "groundName": "1 Rue du Petit Cardinal"
  },
}

Sans modifier sa structure sur le fichier json, je veux éssayer d'afficher tous les "groundName" sans être obligés de préciser à chaque fois le nom de l'objet comme je l'ai fait ici 

import  { useState, useEffect } from "react";
import grounds from './../../UballersGroundsData.json';

export default function Groundlist() {
    const [groundNames, setgroundNames] = useState([grounds]);

    return(
        <div>
            <h1>Hello world!</h1> 
            <ul>
                {groundNames.map(([index]) => (
                    <li key={(index.ground1.groundId)}>{index.ground1.groundName}</li>
                    ))}  
            </ul>

        </div>
    )
}

Comme on peut le voir j'appelles "ground1" pour afficher son groundName, mais si j'ai une centaine d'objets j'aimerais éviter d'écrire à chaque fois leurs noms. Si vous aves des solutions je suis preneurs, merci beaucoup.