alertの実装

Lern React with TypeScript の第1章が React の導入で、Alert を作っている。

useState を使ってクローズボタンを押すと画面が消える。

それはいいのだけれど、props のやり取りがちょっと納得が行かないので、例によって壊して学んで見ようと思ってます。

See the Pen alert by kalz2q (@kalz2q) on CodePen.

これがわかりません。

if (props.onClose) {
   props.onClose();
}

なるほど

あちこち壊してみたらだいぶわかりました。

onClose や closible をなくして、props を使ったバージョンにしてみた。

See the Pen alert02 by kalz2q (@kalz2q) on CodePen.