学習管理アプリ作成の所感とReact開発において意識するべきこと - Qiita

はじめに JISOUの課題となっている「学習管理アプリ」をReactで作成しました。 小規模なアプリではありますが、React開発で意識するべきことをいくつか発見しましたのでご紹介いたします。 作成したアプリ TODOアプリに毛が生えたようなもの。 学習内容と学習時間を登録し、登録内容を一覧表示する。 Point ・インプット項目に入力した値は画面上にリアルタイムで表示させる。 ・エラー（学習内容/時間が空白）時はエラーメッセージを表示する。 ・学習合計時間を表示する。 開発時に特に意識したポイント 繰り返し項目には一意のキーを指定する React開発においてmapを用いて繰り返しを表現する際は、繰り返しを行うタグに対してkey属性を指定する必要があります。 ここで、今回のアプリでは学習内容をそのままkeyに設定してしまうと、同じ学習内容を設定した場合にkeyが一意ではなくなってしまいます