資訊專欄INFORMATION COLUMN
摘要：直接傳入和原來的，而不傳入，讓處理自己的數(shù)據(jù)就可以刪除
直接傳入API和原來Modal的children，而不傳入visible，讓Modal處理自己的數(shù)據(jù)
import React from "react";
import ReactDOM from "react-dom";
import { Modal } from "antd";
export function newModal(options = {}, children) {
const destroy = (node) => {
ReactDOM.unmountComponentAtNode(node);
const unmountResult = ReactDOM.unmountComponentAtNode(node);
if (unmountResult && node.parentNode) { // ReactDOM.unmountComponentAtNode就可以刪除
node.parentNode.removeChild(node);
}
};
const modalHas = document.getElementsByClassName("smart-modal")[0];
if (modalHas) {
destroy(modalHas);
}
const div = document.createElement("div");
div.setAttribute("class", "smart-modal");
const { onOk = () => { }, onCancel = () => { }, ...rest } = options;
const handleOk = () => {
onOk && onOk(); // eslint-disable-line
destroy(div);
};
const handleCancel = () => {
onCancel && onCancel(); // eslint-disable-line
destroy(div);
};
const smModal = (
{children}
);
document.body.appendChild(div);
ReactDOM.render(smModal, div);
}
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/99019.html
摘要：為了折騰，簡單的學(xué)習(xí)了下感覺確實不錯。也為了不斷學(xué)習(xí)，避免落伍，所以就折騰不斷。既然這么多項目都提前使用了而我又是的粉，那么還是先研究下實現(xiàn)組件。鑒于本人也是學(xué)習(xí)，還有太多需要努力的。希望有志同學(xué)一起學(xué)習(xí)探討。 為了折騰， 簡單的學(xué)習(xí)了下TypeScript, 感覺確實不錯。 也為了不斷學(xué)習(xí)， 避免落伍， 所以就折騰不斷。 前段時間用ES6，antd+dva寫了一些demo, 發(fā)現(xiàn)an...
摘要：而從技術(shù)實現(xiàn)角度，微前端架構(gòu)解決方案大概分為兩類場景單實例即同一時刻，只有一個子應(yīng)用被展示，子應(yīng)用具備一個完整的應(yīng)用生命周期。為了解決產(chǎn)品研發(fā)之間各種耦合的問題，大部分企業(yè)也都會有自己的解決方案。 原文鏈接：https://zhuanlan.zhihu.com/p/... Techniques, strategies and recipes for building a modern ...
摘要：組件實現(xiàn)基本簡介類似于實現(xiàn)的組件，首先基本結(jié)構(gòu)分析遮罩層內(nèi)容包裝層主體內(nèi)容層，包含固定定位布局，全屏遮蓋顯示，所以內(nèi)容自定義實現(xiàn)功能目標(biāo)兩種調(diào)用方式一些內(nèi)容遮罩層和的顯示與否，單擊是否可關(guān)閉其他必備功能結(jié)構(gòu)布局攻克基本布局遮 Madal組件實現(xiàn)基本簡介 showImg(https://segmentfault.com/img/bVbqhvl?w=1848&h=834); 類似于an...
摘要：組件實現(xiàn)基本簡介類似于實現(xiàn)的組件，首先基本結(jié)構(gòu)分析遮罩層內(nèi)容包裝層主體內(nèi)容層，包含固定定位布局，全屏遮蓋顯示，所以內(nèi)容自定義實現(xiàn)功能目標(biāo)兩種調(diào)用方式一些內(nèi)容遮罩層和的顯示與否，單擊是否可關(guān)閉其他必備功能結(jié)構(gòu)布局攻克基本布局遮 Madal組件實現(xiàn)基本簡介 showImg(https://segmentfault.com/img/bVbqhvl?w=1848&h=834); 類似于an...
閱讀 882·2021-09-02 09:55
閱讀 1519·2019-12-27 12:02
閱讀 1728·2019-08-30 14:24
閱讀 1151·2019-08-30 14:18
閱讀 2762·2019-08-29 13:57
閱讀 2209·2019-08-26 11:51
閱讀 1375·2019-08-26 10:37
閱讀 773·2019-08-23 16:09
