Renderizza le proprietà dell’object in React

Ho un object come questo

export const otherInformation = [ { "FAQ": ['Getting started guide', 'Selling policy'], "Help & Support": ['Help guide', 'Selling policy'], "Legal": ['Terms of Use', 'Privacy Policy'] }] 

Il mio codice

 class Information extends Component { render() { const otherInformationLoop = otherInformation.map((value, key) => { return ( 
{Object.keys(value).map((val, k) => { return (

{val}

) }) }
) }) return ( { otherInformationLoop } //
); } }

Sto avendo problemi a scorrere l’object.

L’errore ottenuto è come questo

Information.render(): A valid React element (or null) must be returned. You may have returned undefined, an array or some other invalid object

Come posso loopare l’object in modo da ottenere il risultato ottenuto

Grazie in anticipo. Qualsiasi aiuto è apprezzato

Stai eseguendo il rendering di un array ma puoi solo restituire un singolo blocco dal tuo componente di reazione, avvolgere la funzione della mappa in un div

 class Information extends Component { render() { const otherInformationLoop = otherInformation.map((value, key) => { return ( 
{Object.keys(value).map((val, k) => { return (

{val}

) }) }
) }) return (
{ otherInformationLoop }
); } }