react18+antd5.x(1):Notification组件的二次封装

news2024/10/7 18:20:54

antdesign已经给我们提供了很好的组件使用体验,但是我们还需要根据自己的项目业务进行更好的封装,减少我们的代码量,提升开发体验

效果展示

请添加图片描述
开起来和官网的使用没什么区别,但是我们在使用的时候,进行了二次封装,更利于我们进行开发

MyNotification.jsx,是我们的业务页面

import React, {
    useState }  from 'react';
import {
   notification,Button,Space  } from 'ant

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/915963.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

SpringBoot集成Mybatis-Plus 实现注册、登录和认证功能

一、前言 一个基于 Spring Boot 的包括登录、注册、用户认证完整的项目,我们可以学到以下内容: 实现基于 Spring Boot 的 Web 应用,包括定义接口、请求参数的处理、返回结果的封装等。实现基于 Mybatis-Plus 的数据库操作,包括定…

0基础学习VR全景平台篇 第89篇:智慧眼-安放热点

一、功能说明 安放热点,是智慧眼成员们正式进入城市化管理的第一步,即发现问题后以安放热点的形式进行标记,再由其他的角色成员对该热点内容作出如核实、处理、确认完结等操作(具体流程根据项目实际情况而定)。 二、…

cad怎样转换成jpg格式的图片?了解下这几种转换方法

JPG格式是一种图像格式,可以在各种设备和平台上轻松查看。这意味着可以将CAD文件转换为JPG格式,并在任何设备上查看它们,而无需安装额外的软件或插件。此外,JPG格式是一种常见的图像格式,可以更好地显示线条和轮廓。这…

基于串口透传模块,单片机无线串口空中下载测试

基于串口透传模块,单片机无线串口空中下载测试 ✨无线串口下载,其本质还是串口下载方式,只不过省去了单片机和ISP上位机工具之间的物理有线连接,中间的数据通过无线串口透传模块进行数据中转,传递到单片机串口上。串口…

ssm+Vue.js在线购物系统源码和论文

ssmVue.js在线购物系统源码和论文049 开发工具:idea 数据库mysql5.7 数据库链接工具:navcat,小海豚等 技术:ssm 摘 要 随着科学技术的飞速发展,各行各业都在努力与现代先进技术接轨,通过科技手段提高自身的优势…

中小企业精细化仓库管理,WMS仓储管理系统必不可少

尽管传统中小企业的仓库管理并不需要建立大型全自动立体智能仓库,但为了确保企业运营的稳定性和后备支持,它们仍然需要在管理方面制定更多的标准和规范。而为了达到这些目标,WMS仓储管理系统解决方案是必不可少的。 中小企业WMS仓储管理系统…

VisualStudio调试时断点打不上

点击“文件”——高级保存选项(如果没有这个选项需要手动去设置),正常编码格式是这样,如果不行,拷贝代码,把文件删除,重新建文件把代码拷进去。

Linux系统常用指令总结

目录 1.帮助指令 2.文件目录指令* 3.查找指令 4.时间日期指令 5.压缩和解压 1.帮助指令 ctrl c 取消命令,并且换行(清空换行)作用,单独清空为crtl u tab换行键 补全命令和文件名,快速按两下可以显示备选选项 …

【Spring面试题(35道)】

文章目录 Spring面试题(35道)基础1.Spring是什么?特性?有哪些模块?2.Spring 有哪些模块呢?3.Spring 有哪些常用注解呢?4.Spring 中应用了哪些设计模式呢? IOC5.说一说什么是IOC?什么是 DI&#…

时序预测 | Matlab实现SO-CNN-GRU蛇群算法优化卷积门控循环单元时间序列预测

时序预测 | Matlab实现SO-CNN-GRU蛇群算法优化卷积门控循环单元时间序列预测 目录 时序预测 | Matlab实现SO-CNN-GRU蛇群算法优化卷积门控循环单元时间序列预测预测效果基本介绍程序设计参考资料 预测效果 基本介绍 时序预测 | Matlab实现SO-CNN-GRU蛇群算法优化卷积门控循环单…

相机成像之3A算法的综述

3A算法是摄像机成像控制技术中的三大自动控制算法。随着计算机视觉的迅速发展,该算法在摄像器材领域具有广泛的应用和前景。 那么3A控制算法又是指什么呢? (1)AE (Auto Exposure)自动曝光控制 (2)AF (Auto Focus)自动聚焦控制 (3)AWB (Auto White Balance)自动白平衡控…

【数据库】连接查询

1 内连接查询 select 学员信息表.* 学员成绩表.* from 学员信息表 inner join 学员成绩表 on 学员信息表,学号 学员成绩表.学号; 2 左连接查询 select 学员信息表.*,学员成绩表.* from 学员信息表 left join 学员成绩表 on 学员信息表,学号 学员成绩表,学号; 3 右…

C++ LibCurl 库的使用方法

LibCurl是一个开源的免费的多协议数据传输开源库,该框架具备跨平台性,开源免费,并提供了包括HTTP、FTP、SMTP、POP3等协议的功能,使用libcurl可以方便地进行网络数据传输操作,如发送HTTP请求、下载文件、发送电子邮件等…

mysql mariadb 创建mysql mariadb用户,登录报错

mysql mariadb 创建energy普通用户,登录mysql报错 :access denied GRANT REPLICATION CLIENT,PROCESS,SELECT ON *.* TO mysqld_exporter% identified by 123;解决办法: 登录mysql 查看用户表 mysql -uroot -pPote123 select user,host,pa…

线程面试题-2

1、一般用什么作为HashMap的key? 一般用Integer、String 这种不可变类当 HashMap 当 key,而且 String 最为常用。 因为字符串是不可变的,所以在它创建的时候 hashcode 就被缓存了,不需要重新计算。这就是HashMap 中的键往往都使用字符串的原…

【vue3】vite工具创建vue3项目,遇到的坑及解决办法

1、在对应文件夹下执行npm create vite 报错如下: 解决步骤可看这篇文章:npm install报错 -> npm ERR! Unexpected token ‘.‘ 报错解决办法 主要是因为我的nvm版本是1.1.7,版本太低,里面没有集成高版本node导致的 将…

基于swing的超市信息管理系统java jsp仓库进销存mysql源代码

本项目为前几天收费帮学妹做的一个项目,Java EE JSP项目,在工作环境中基本使用不到,但是很多学校把这个当作编程入门的项目来做,故分享出本项目供初学者参考。 一、项目描述 基于swing的超市信息管理系统 系统有1权限&#xff1…

〔016〕Stable Diffusion 之 模型工具箱和图片背景移除 篇

✨ 目录 🎈 下载插件🎈 基础使用界面🎈 高级使用界面🎈 下载背景移除插件🎈 移除插件使用🎈 下载插件 由于模型很多,而且底模也非常大,对于空间占用比较大,如果想缩小模型体积,可以使用模型工具箱插件该插件主要支持 模型的修剪、转换.safetensors格式、提取和…

Java“牵手”虾皮商品详情数据,根据商品ID获取虾皮(Shopee商品详情数据接口,虾皮API接口申请指南

虾皮(shopee)商城是一个跨境网上批发购物平台,售卖各类商品,包括服装、鞋类、家居用品、美妆产品、电子产品等。要获取虾皮商品详情数据,您可以通过开放平台的接口或者直接访问虾皮商城的网页来获取商品详情信息。以下…

vue 简单实验 数据更新

1.代码 <script src"https://unpkg.com/vuenext" rel"external nofollow" ></script> <div id"counter">Counter: {{ counter }} </div> <script> const Counter {data() {return {counter: 5}},mounted() {set…