React Portal使用

Portal可以把某个组件渲染到指定的节点中。例如弹窗，在子组件里面使用了弹窗，但是弹窗并没有在屏幕居中，原因就是没有按照根元素去定位。

      createPortal(visible && <div className={['comper-modal animate__animated animate__fast', animate].join(' ')} ref={detailRef}>
                <div className="d-header">
                    <div className="d-title"></div>
                    <img src={close} alt="关闭" onClick={onclick} />
                </div>
                <div className="detail-content">


                    <div className="global-table">
                        <Table columns={columns} dataSource={result} size={isLager() ? 'large' : 'small'} pagination={paginationParams} />
                    </div>
                </div>
            </div>, document.body)