React-动态插入节点组件

引入组件后,可以通过调用方式来插入显示组件

/**********组件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();
    }
}

在需要使用的地方直接调用:

KmcDialog.showInstance({
    isShow: true
});
KmcDialog.removeInstance();
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AGI阅读 16,003评论 3 119
  • 废话不多说,直接上干货 ---------------------------------------------...
    小小赵纸农阅读 3,415评论 0 15
  • 我喜欢翻看我的影集,那一张张过去的照片都记录着我的成长。而我最珍贵张照片是,模仿弟弟做婴儿的动作,有那么一...
    李凤琴阅读 254评论 0 0
  • 抹去过去 如一张白纸 熟悉的所有,它窒息心灵 随我所愿,便开始了旅途 重新认识人们,重又脱离, 我们彼此无牵无挂,...
    行脚阿南阅读 251评论 0 4
  • 自从毕业后,没有写作过~ 感恩一个朋友的朋友推荐了简书。 今天是2018年6月13日,一转眼我大学毕业已经4年了。...
    Stella琼阅读 221评论 0 0