- 親コンポーネントで生成したrefを子コンポーネントに渡して、子をforwardRefにすることで子コンポーネントのDOMを操作できるようになる
- useImperativeHandleを使うと、親がrefを通して実行できる関数を定義することができる(安全になるという感じなのかな)
- つまり、子コンポーネントのクリックイベントでトリガーされる関数を親からトリガーしたい場合は子のDOMをプログラムからクリックするか、子側でuseImperativeHandleを使って直接関数を呼ぶの２通りできるということか
- 後々いろいろ変更が入ることとかを考えると直接呼びたい関数を呼ぶ方が安全だろうな
Refで遊んだやつ： https://react-x3sb2v.stackblitz.io
