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

export default class Dialog extends Component {
    constructor(props) {
        super(props);
        const doc = window.document;
        this.node = doc.createElement('div');
        doc.body.appendChild(this.node);
    }
    componentWillUnmont(){
        window.document.body.removeChild(this.node);
    }
    render(){
        const { hideDialog } = this.props;
        return createPortal(
            <div>
                {this.props.children}
                {typeof hideDialog === 'function' && (
                    <button onClick={ hideDialog }>关闭</button>
                    )
            </div>, this.node
        )
    }
}