js中直接使用antd的Modal组件
平台默认提供的有全局提示组件是基于Model封装的可以直接在页面上拖拽组件使用,也可以不在页面中拖放组件直接在js调用antd的Message
具体实现如下:
1.添加引用
import {message } from 'antd';
如果要在content中写html节点还需要添加import React, { createContext } from 'react';
的引用
2.直接调用Message的info、error等函数,具体参数可以参考antd官网Message组件说明
(1).info
message.info('This is a normal message');
(2).success
message.success('This is a success message',10);
(3).error
message.error({ content: <div><p>错误提示</p><p>换行显示</p></div>, duration: 2 });
(4).warning
message.warning({ content: 'This is a warning message', duration: 2 });