ReactDOM.createPortalを使ってモーダルを作る - Qiita

Portals React16で導入された概念で、子コンポーネントを親要素のDOM階層の外にレンダリングすることが可能になる。モーダルを作成する際に利用することで、ルート要素の直下にモーダルを置かなくても、子要素の中で通常のコンポーネントと同様に扱うことができる。 ソースコード モーダルのコンポーネント作成 import React from 'react'; import ReactDOM from 'react-dom'; import PropTypes from 'prop-types'; class Modal extends React.Component { constructor(props) { super(props); this.rootEl = document.getElementById('root'); } render() { return( ReactDO

[kitokitoki]

「ReactDOM.createPortalを使ってモーダルを作る」