Looping over data stuff in JS/React is always done with array.map. Don't forget the key!

simpleArrayMap.js

import React from 'react';

function myTest() {
    const dummyData = [
        {id: 1, title: 'Title 1', image: 'www.image.com/1', desc: 'Description 1'},
        {id: 2, title: 'Title 2', image: 'www.image.com/2', desc: 'Description 2'},
        {id: 3, title: 'Title 3', image: 'www.image.com/3', desc: 'Description 3'}
    ];

    return (
        <>
            <ul>
                {dummyData.map(item => {
                return <li key={item.id}>{item.title}</li>
                })}
            </ul>
        </>
    )
}

export default MyTest