課題1の序盤で既に分からず！

見出し

学習記録アプリの一覧表示

動画見て取り組んだのに2段階目からもう挫かれた！！！！（ ; ; ）

動画を見返してもわからず、Qiitaでほとんど見てやりました。。。
mapのところあたり全然分からず、

title.rb

import React from "react";
import ReactDOM from "react-dom/client";

const records = [
  { title: "勉強の記録1", time: 1 },
  { title: "勉強の記録2", time: 3 },
  { title: "勉強の記録3", time: 5 },
];

function App() {
  return (
    <div>
      <h1>学習記録一覧</h1>
      <ul>
        {records.map((record, index) => (
          <li key={index}>
            {record.title}:{record.time}時間
          </li>
        ))}
      </ul>
    </div>
  );
}

export default App;

今日調べて学んだこと
基礎的なことを何度も聞いている状況