CounterList 関数の中で何をしているのかよくわかりません

具体例を挙げながら説明していきます。
2020年12月10日
ユーザー

CounterList関数の中でやっていることがよくわかりません。

function CounterList(props) の引数には

{id: "A", count: "0", color: "tomato"},
{id: "B", count: "0", color: "skyblue"},
{id: "C", count: "0", color: "limegreen"},

が入っているということでしょうか?

なぜmapで配列にする必要があるのでしょうか?

return(
          <Counter
            counter = {counter}
            key = {counter.id}
            />
        )

ここではなにを返しているのでしょうか?(returnの中に書いてある内容が理解できない)

など、全体的にこのレッスンのやっていることがよくわかりません。
もう少し噛み砕いて教えていただけないでしょうか?

この回答を見るにはプレミアムプランへの登録が必要です

プレミアムプランとは?

このレッスンの質問と回答(2)