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 });

results matching ""

    No results matching ""

    results matching ""

      No results matching ""