8. [追加課題] 削除機能の実装 - Kite0301/react-my-app GitHub Wiki
ここまでで学習した知識を活かして、タスクの削除機能を実装してみましょう。
考え方として、配列tasks
から要素を削除する、のではなく、
Listコンポーネントにstate
を追加して、表示・非表示を管理する、というように進めてみましょう。
以下、模範解答ですので、わからなくなったときに参考にしてみてください。
stylesheet.css
.fa-times {
float: right;
}
index.js
https://github.com/Kite0301/react-my-app/blob/master/src/archived/index-remove.js
Listコンポーネント内にコードを追加してあります。
(Mainコンポーネントに変更は加えていません。)