ref属性
DOMのref属性
e.g.
<input ref={..} />
いずれか
Ref object
を渡す
関数を渡す
Ref object
を渡す場合
code:ts
<div ref={ref} />
ref.current
に、その
DOMノード
への参照が格納される
mount時に格納される
renderingごとにcurrentは更新される
unmount時に、破棄され、nullが入る
利用例
https://ja.reactjs.org/docs/refs-and-the-dom.html#adding-a-ref-to-a-dom-element
inputで指定して、
ref.current.focus()
を実行すれば、そのinputにfocusできる
関数を渡す場合
ref callback
と呼ぶ
https://ja.reactjs.org/docs/refs-and-the-dom.html#adding-a-ref-to-a-dom-element
https://numb86-tech.hatenablog.com/entry/2019/12/05/111342#:~:text=export%20default%20App%3B-,ref%20属性,-HTML%20要素や