• 本文
• リロード
• 差分
• バックアップ
• 名前変更
• リファラ
• 新規ページ
• 編集

React/Ref

React/ref

Top / React / ref

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.myRef = React.createRef();
  }
  render() {
    return <div ref={this.myRef} />;
  }
}

useRef

• const refContainer = useRef(initialValue);

• useRefフックは、current という単一のプロパティを持つオブジェクトを返す

Reactが管理するDOMノードにアクセス

• const myRef = useRef(null);

  <div ref={myRef}>

• React がこの <div> に対応する DOM ノードを作成すると、React はこのノードへの参照を myRef.current に入れます

関連

• React.createRef

参考

• https://ja.react.dev/learn/referencing-values-with-refs
• https://ja.react.dev/learn/manipulating-the-dom-with-refs