とある条件下でコンポーネントにfocusさせたかった。結局この方法は採用しなかったけど備忘録として。
forwardRef
でrefを受け流して繋げて(本題から逸れるがforwardRef
じゃなくてpropsでRefObject渡すのでも同様に可能)、コンポーネント内でuseImperativeHandle
を使って関数を定義するとその関数をrefを渡した外側から叩ける。
けどTypeScriptとしては型定義まわりがいまいち正解わからない。どうしたらいいのだろ。
結局使いみちがどういうときなら使うべきなのかわかっていない。何度もコンポーネントに対して同じ関数書いたりするんだったらこういうまとめかたもあるよ、くらいのものなのだろうか… まあそもそもref使った操作をそんなにするなという話はあるが…