Tengo un objeto como este:

 [ { "periodname": "Test", "periodtime": "" }, { "periodname": "", "periodtime": "" } ]

Y quiero representar un Col para cada matriz dentro de él. Mi código de reacción:

 function renderMyPage(props) { const { myObject } = props const renderMyPage = () => { return [myObject].map((c,i) => { return( <Col> My data here </Col> ) }) } }

Pero siempre obtengo un solo resultado, incluso si tengo dos o más matrices dentro de mi objeto.

Si vuelvo a interactuar con map o foreach obtengo el mismo objeto. Si uso la función de mapa sin usar "[]" en el objeto, aparece un error:

 Uncaught TypeError: Cannot read property 'map' of undefined

¿Qué estoy haciendo mal para obtener solo un resultado? Intenté muchas otras preguntas sobre las preguntas de StackOverflow, pero obtengo el mismo resultado.