JavaScript で検索した結果 - プログラミングならドットインストール

Todoリストの項目をコンポーネントとして切り出していきます。

todosの配列をもとにTodoコンポーネントを生成し、リストを描画していきます。

filter()を用いて配列から要素を抽出することによって、特定の項目を削除していきます。

AppコンポーネントにてisCompletedプロパティの値を反転させるための関数を定義していきます。

フォーム部品にonChange属性を追加して、値を入力できるようにしていきます。

Appコンポーネントでリストに項目を追加する関数を定義していきます。

Appコンポーネントで定義した関数をTodoコンポーネントで実行する方法について見ていきます。

入力後にフォームを空にしつつ、フォーカスを当てる方法について見ていきます。

localStorageを使ってtodosの値を保存していきます。

useEffect()を使って、Appコンポーネントが最初に構築されるタイミングでlocalStorageから値を読み込みます。

ドットインストール - 3分動画でマスターできるプログラミング学習サービス