ref属性
DOMのref属性
e.g. <input ref={..} />
いずれか
関数を渡す
code:ts
<div ref={ref} />
ref.currentに、そのDOMノードへの参照が格納される mount時に格納される
renderingごとにcurrentは更新される
unmount時に、破棄され、nullが入る
利用例
inputで指定して、ref.current.focus()を実行すれば、そのinputにfocusできる
関数を渡す場合
ref属性を設定している要素の状態が変わったタイミングでなにかを発火させる時に使える
Ref objectを渡す場合の上位互換