Reactガイドを読んでいくその117

これは

Reactのガイドを読んでいく記事です。

ガイドのリンク

ja.reactjs.org

非推奨な findDOMNode の使用に対する警告

Reactにはクラスのインスタンスをもとにツリー内のDOMノードを見つけるfindDOMNode がサポートされていたが、DOMノードにrefを付与できるようになったため不要となった。

findDOMNodeは過去のバージョンで作っていたアプリの場合残っていることがあるので、refフォワーディングを使うように切り替えると従来の動きを損ねず動かすことができる。
またコンポーネントのラッパーのDOMノードを追加し、そこに直接refを付与することもできる。

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

今日はここまで。