当前位置: 首页 > news >正文

Alert警告提示(antd-design组件库)简单使用

1.Alert警告提示

警告提示,展现需要关注的信息。

2.何时使用

当某个页面需要向用户显示警告的信息时。

非浮层的静态展现形式,始终展现,不会自动消失,用户可以点击关闭。

组件代码来自: 警告提示 Alert - Ant Design

3.本地验证前的准备

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

4.本地验证Alert的简单用法。

复制下图所示代码,了解Alert的简单用法。

5.查看带有图标的警告提示的使用方法

复制下图所示代码,了解如何写带有图标的警告提示

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

http://www.lryc.cn/news/221958.html

相关文章:

  • Linux提权方法总结
  • 力扣第300题 最长递增子序列 c++ 动态规划题 附Java代码
  • Si3262 集成低功耗SOC 三合一智能门锁应用芯片
  • linux rsyslog介绍
  • 项目部署之安装和配置Canal
  • 基于Skywalking的全链路跟踪实现
  • Spark Core
  • [算法日志]图论: 广度优先搜索(BFS)
  • Xilinx FPGA SPIx4 配置速度50M约束语句(Vivado开发环境)
  • Linux Shell和权限
  • Git同时配置Gitee和GitHub
  • IGP高级特性简要介绍(OSPF-上篇)
  • Oracle-Ogg集成模式降级为经典模式步骤
  • 链表面试OJ题(1)
  • [极客大挑战 2019]Upload 1
  • OpenFeign讲解+面试题
  • 嬴图 | LLM+Graph:大语言模型与图数据库技术的协同
  • 微信小程序下载文件和转发文件给好友总结
  • 一文掌握 Apache SkyWalking
  • 外贸网站优化常用流程和一些常识
  • Hive的时间操作函数
  • 【Web安全】CORS跨域资源共享漏洞
  • IntelliJ IDEA 如何修改默认Maven仓库地址
  • Vue3 <script setup>是什么?作用?
  • 2.9 CSS 响应式布局
  • vue使用websocket与springboot通信
  • ChatGPT 实际上是如何工作的?
  • 【SSD1306 OLED屏幕测试程序 (开源)orangepi zero2 全志H616 】.md updata: 23/11/07
  • 【python VS vba】(5) 在python中使用xlwt操作Excel(待完善ing)
  • 【Redis】Redis整合SSMRedis注解式缓存Redis中的缓存穿透、雪崩、击穿的原因以及解决方案(详解)