Obtengo que ch.map no es un error de función en mi archivo application.js mientras realizo una solicitud GET simple desde una API Rest:

 function App() { const [ch, setCh] = useState([]); useEffect(()=>{ fetch("https://localhost:12354/api/v1/Objects", { method: 'GET', headers: { 'Content-Type': 'application/json', 'Authorization': 'Basic YWRt' } }) .then( resp => resp.json()) .then( resp => setCh(resp)) .catch( error => console.log(error)) }, []) return ( <div className="App"> <header className="App-header"> <h1>Object Manager</h1> </header> <div className = 'layout'> <div> { ch.map( i => { return <h2>{i.Name}</h2> })} </div> <div> Object Details </div> </div> </div> ); }

Y aquí está el resultado de la misma llamada a la API del cartero. Estoy tratando de obtener el "Nombre" en mi javascript anterior:

 { "@odata.context": "$metadata#Object", "value": [ { "@odata.etag": "W/\"24979988a17d428c\"", "Name": "Load Actual", "StartTime": "2021-12-23T22:46:24+10:00", "DSTSensitive": true, "Active": true, "ExecutionMode": "MultipleCommit", "Frequency": "P1DT00H00M00S", "Attributes": { "Caption": "Load Actual" } } ] }