React+TypeScript: 徳川歴代将軍を覚える その2

はじめに

徳川将軍を覚える暗記カードのバージョン2です。

ダブルクリックで覚えたカードを削除する仕組みを実装しました!!!!

実行例

See the Pen shogun-div by kalz2q (@kalz2q) on CodePen.

説明

材料はいろいろあったのですが、組み合わせて動くようにしました。

reactで何かを並べてクリックに対応させる時mapとcheckboxを使うと綺麗に掛けます。

ところが!!!!

checkboxはクリックを拾ってくれない。クリックに相当するのがcheckboxのcheckなのでそういう仕様みたいです。これをdivにする必要がありました。