doly/components/portal02.js

doly ui components

import React from 'react';
import {
    createPortal
} from 'react-dom';

// react 16
export default class Dialog extends React.Component {
    constructor() {
        super(...arguments);
        const doc = window.document;
        this.node = doc.createElement('div');
        doc.body.appendChild(this.node);
    }

    render() {
        return createPortal(
            <div className="dialog">{this.props.children}</div>, //塞进传送门的JSX
            this.node //传送门的另一端DOM node
        );
    }

    componentWillUnmount() {
        window.document.body.removeChild(this.node);
    }
}