はじめに
徳川将軍を覚える暗記カードのバージョン2です。
ダブルクリックで覚えたカードを削除する仕組みを実装しました!!!!
実行例
See the Pen shogun-div by kalz2q (@kalz2q) on CodePen.
説明
材料はいろいろあったのですが、組み合わせて動くようにしました。
reactで何かを並べてクリックに対応させる時mapとcheckboxを使うと綺麗に掛けます。
ところが!!!!
checkboxはクリックを拾ってくれない。クリックに相当するのがcheckboxのcheckなのでそういう仕様みたいです。これをdivにする必要がありました。
