Message全局提示(antd-design组件库)简单用法

1.Message全局提示

全局展示操作反馈信息。

2.何时使用

·可提供成功、警告和错误等反馈信息。

·顶部居中显示并自动消失,是一种不打断用户操作的轻量级提示方式。

组件代码来自: 全局提示 Message - Ant Design

3.本地验证前的准备

参考文章【react项目+antd组件-demo:hello-world react项目+antd组件-demo:hello-world_react demo-CSDN博客】,将 全局提示 Message - Ant Design 中需要在本地使用的代码复制覆盖App2.js中的全部代码,启动代码,可在本地查看现象和更改代码。

4.本地验证Message的用法。

复制下图所示代码,了解Message全局提示的基础用法和提示类型。

Message全局提示(antd-design组件库)简单用法_第1张图片

效果图如下:

Message全局提示(antd-design组件库)简单用法_第2张图片

本文仅介绍了组件Message的部分内容,更多内容请参阅官方文档: 全局提示 Message - Ant Design

你可能感兴趣的:(javascript,react.js,前端)