Modal对话框的_对象方式创建虚拟Dom
优点:和直接使用jsx相比好传值
- 今天在写弹出层时传参比较复杂被卡住了,就研究了一下Modal对话框的_对象方式创建虚拟Dom的方法
- atnD的对话框除了基础用法用的是jsx其他的都是对象方法创建的弹出层dom
- 对比两张图像不像?..熟悉虚拟dom的肯定能看出来
- 再看一下confirm(ctrl+Q)
-
- 这我更加确定了,modal使用了React.createElement
- 基于不好传参这一块我最近几天找个时间录个视频,写类似antD的这种方法创建的组件,应该会吧…
源码
antd node_modules/antd/es/modal/confirm.js 导出了5个创建对话框的方法
版本4.17.0-alpha.3在node_modules/antd/es/modal/confirm.js文件下193行左右能看到导出了第一个Warn
这是其中一个感兴趣的可以去看源码
export function withConfirm(props) {
return _extends(_extends({
icon: /*#__PURE__*/React.createElement(ExclamationCircleOutlined, null),
okCancel: true
}, props), {
type: 'confirm'
});
}