zrozumiecReact.pl

export default function App() {
    const modules = [
        {name: "Fundamenty", totalLessons: 9, lessonsFinished: 9},
        {name: "Stylowanie", totalLessons: 6, lessonsFinished: 1},
        {name: "Routing", totalLessons: 8, lessonsFinished: 4},
    ];
    return <>
        <h1>Postęp w lekcjach</h1>
        <ul>
            {modules.map(module => <li key={module.name}>
                <h2>{module.name}</h2>
                <h3>Ukończone:</h3>
                <div className="bar" />
            </li>)}
        </ul>
    </>;
}