React-動態(tài)插入節(jié)點(diǎn)組件

引入組件后,可以通過調(diào)用方式來插入顯示組件

/**********組件KmcDialog************/
/**
 * 顯示彈框
 */
KmcDialog.showInstance = function(properties) {
    if (!document.getElementById("KmcDialog")) {
        let props = properties || {};
        let div = document.createElement('div');
        div.setAttribute('id', 'KmcDialog');
        document.body.appendChild(div);
        ReactDOM.render(React.createElement(KmcDialog, props), div);
    }
}

/**
 * 刪除彈框
 */
KmcDialog.removeInstance = function() {
    if(document.getElementById("KmcDialog")) {
        document.getElementById('KmcDialog').remove();
    }
}

在需要使用的地方直接調(diào)用:

KmcDialog.showInstance({
    isShow: true
});
KmcDialog.removeInstance();
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 1、通過CocoaPods安裝項(xiàng)目名稱項(xiàng)目信息 AFNetworking網(wǎng)絡(luò)請求組件 FMDB本地數(shù)據(jù)庫組件 SD...
    陽明AI閱讀 16,175評論 3 119
  • 廢話不多說,直接上干貨 ---------------------------------------------...
    小小趙紙農(nóng)閱讀 3,646評論 0 15
  • 我喜歡翻看我的影集,那一張張過去的照片都記錄著我的成長?而我最珍貴張照片是,模仿弟弟做嬰兒的動作,有那么一...
    李鳳琴閱讀 285評論 0 0
  • 抹去過去 如一張白紙 熟悉的所有,它窒息心靈 隨我所愿,便開始了旅途 重新認(rèn)識人們,重又脫離, 我們彼此無牽無掛,...
    行腳阿南閱讀 275評論 0 4
  • 自從畢業(yè)后,沒有寫作過~ 感恩一個朋友的朋友推薦了簡書。 今天是2018年6月13日,一轉(zhuǎn)眼我大學(xué)畢業(yè)已經(jīng)4年了。...
    Stella瓊閱讀 229評論 0 0

友情鏈接更多精彩內(nèi)容