react使用antd里的modal的时候如何动态引入加载组件呢？

Z时代
2024-01-10
分类：技术分享

下面是antd的modal官方demo

看得出来是事先在组件里已经写好了。只需要控制visible来达到打开和关闭。

但有一次我看到过一段代码使用modal是这样引入modal的。

里面的changeItemModal是一个弹窗里的内容组件。

目前这个封装做到了直接将组件传到modal进行显示。
然而也并没有在当前组件里写过modal的相关引入。
就仅凭下面的一个方法调用就完成了组件的加载，渲染。

openChangeModal(params, e) {
ModalReducer.add({
key: Math.random(),
modalProps: {
title: "更改内容",
visible: true,
maskClosable: false,
width: 800,
},
component: changeItemModal,
comProps: {
row: params.row,
status: params.status,
},
onFinish: (result) => {
if (result) {
this.UpContent(result.text, params);
}
},
});}