Reactでスコア連携Todoアプリの作成

UdemyでReactを用いたTodoアプリを作成したので、アウトプットとして開発します。
講座リンクはこちらです。↓
モダンなJavaScriptの基礎から始める挫折しないためのReact入門

Tastleの開発中に大事だと思ったこと。

1. map関数の挙動

const array1 = [1, 4, 9, 16]
const map1 = array1.map((x) => x * 2);
console.log(map1) // Array [2, 4, 18, 32]

このように、map()は、与えられた関数を配列のすべての要素に対して呼び出し、その結果からなる新しい配列を作成する。
この場合、与えられた関数(x) => x * 2 に、配列array1の要素である1,4,9,16がそれぞれ代入されていくイメージ。
関数呼び出しとは実際に定義された動作を引数などを指定して実行すること。
ここでいうと、(x) => x * 2という関数があり、引数に配列の要素が入って実行されるイメージ。
(1) => 1 * 2