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

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

news 2026/2/4 5:07:58

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

效果展示

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

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

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

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

antdesign已经给我们提供了很好的组件使用体验，但是我们还需要根据自己的项目业务进行更好的封装，减少我们的代码量，提升开发体验效果展示开起来和官网的使用没什么区别，但是我们在使用的时候，进行了二次封装，更利于我们进行开发 MyNotification.jsx,是我们的业务页面…...

编程日记 2023/8/24 7:39:50

jenkins运行pytest测试用例脚本报错：没有权限，无法写日志PermissionError:[Error 13]Permission denied

报错信息： PermissionError:[Error 13]Permission denied：‘/var/jenkins_home/workspace/deleverySystem/Delivery_System/out_files/logs/waimai_20230823.log’ 解决方法： 在jenkins容器内部输入 chmod -R 777 /var/jenkins_home/works…...

编程日记 2023/8/24 7:38:49

数据结构 day1

1>x.mind 2>间接定义结构体数组，进行4种方式的定义和初始化 3>定义结构体存储10辆车（车的信息：品牌、单价、颜色） 1.定义函数，实现循环输入 2.定义函数，实现排序 3.定义函数，计算红色车…...

编程日记 2023/8/24 7:37:48

湖北咸宁农业三维扫描数字化农业3d打印制造应用-CASAIM中科广电

农业是人类衣食之源、生存之本，是一切生产的首要条件，CASAIM在农业三维扫描和3d打印应用上有丰富经验。 1.三维扫描技术在农业领域的应用 CASAIM三维扫描是集光学、机电和计算机技术于一体的高新无损检测技术，能够对实物的空间外形、结构乃…...

编程日记 2023/8/24 7:36:47

Jenkins的定时任务配置

jenkins配置定时任务位置(点击日程表的问好可查看语法配置) jenkins的定时任务的参数 # 定时任务参数(每个参数之间使用tab键或空格分隔)MINUTE HOUR DOM MONTH DOW 参数解释取值范围 MINUTE 分钟0-59HOUR小时0-23DOM一月的天数1-31MONTH月份1-12DOW 一周的天数0…...

编程日记 2023/8/24 7:35:46

THINKPHP 微联云投票系统源码独立版 + 支持刷礼物

THINKPHP 微联云投票系统源码独立版支持刷礼物 nginxphp7.2以上 mysql5.6以上简单测试后台基本没什么问题，暂时发现H5前端有bug,自行修复。...

编程日记 2023/8/24 7:34:45

Mongodb两种启动方法

一、命令行启动 1.修改存放数据库的位置说明：E:\data\mongodb；我在E盘创建的文件夹mongodb mongod --dbpathE:\data\mongodb 2.成功启动说明：默认端口27017，代表已经启动成功 ，并在mongodb自动创建文件二、配置项…...

编程日记 2023/8/24 7:33:43

Python：列表的浅拷贝与深拷贝

在python语言中，因为其面向对象的特性，在进行列表拷贝时可能会出现一些意想不到的结果，涉及到列表的浅拷贝和深拷贝相关问题，本文将对其进行总结。首先我们来看以下代码。 my_list [1, 2, 3] your_list my_list your_list[0] …...

编程日记 2023/8/24 7:32:43

OnePlus Open可折叠手机：规格、价格、发布日期等详细信息汇总！

我们知道OnePlus可折叠手机即将问世，无论它是否被命名为OnePlus Open。我们迫不及待地想让它到来，为该公司再添一根弦，为最好的可折叠手机增添一个新的竞争对手。 OnePlus以前没有生产过任何可折叠产品，但它确实拥有合作伙伴公司Oppo的丰富知识，并可以向三星、摩托罗拉和…...

编程日记 2023/8/24 7:31:41

SQL 数据库

安装配置【1】 MySQL安装配置教程（超级详细、保姆级） 【2】 MySQLNavicat安装配置教程（超级详细、保姆级） 学习资料【戴师兄】SQL入门免费教程刷题链接：https://share.mubu.com/doc/4BHMMbbvIMb 学习笔记&#xf…...

编程日记 2023/8/24 7:30:40

【算法系列篇】滑动窗口

文章目录前言什么是滑动窗口1.长度最小的子数组1.1 题目要求1.2 做题思路 1.3 Java代码实现2.无重复字符的最长子串2.1 题目要求2.2 做题思路2.3 Java代码实现 3.最大连续1的个数 III3.1 题目要求3.2 做题思路3.3 Java代码实现 4.将x减到0的最小操作数4.1 题目要求4.2 做题思路…...

编程日记 2023/8/24 7:29:39

多维时序 | MATLAB实现BiTCN-BiGRU-Attention多变量时间序列预测

多维时序 | MATLAB实现SABO-CNN-GRU-Attention多变量时间序列预测目录多维时序 | MATLAB实现SABO-CNN-GRU-Attention多变量时间序列预测预测效果基本介绍模型描述程序设计参考资料预测效果基本介绍多维时序 | MATLAB实现BiTCN-BiGRU-Attention多变量时间序列预测。模型描…...

编程日记 2023/8/24 7:28:38

Docker容器与虚拟化技术：Docker compose部署LNMP

目录一、理论 1.LNMP架构 2.背景 3.Dockerfile部署LNMP 3.准备Nginx镜像 4.准备MySQL容器 5.准备PHP镜像 6.上传wordpress软件包 7.编写docker-compose.yml 8.构建与运行docker-compose 9.启动 wordpress 服务 10.浏览器访问 11.将运行中的 docker容器保存为 doc…...

编程日记 2023/8/24 7:27:37

高性能服务器Nodejs操作Mysql数据库

目录 1 Node 操作 mysql1.2 操作 mysql 数据库 2 Web 开发模式2.1 服务端渲染2.2 前后端分离2.3 如何选择 3 身份认证3.1 Session 认证机制3.2 JWT 认证机制 1 Node 操作 mysql 数据库和身份认证配置 mysql 模块安装 mysql 模块 npm install mysql建立连接 const mysql …...

编程日记 2023/8/24 7:26:36

ffmpeg将rtsp流转成mp4

命令行版本 ffmpeg -y -i "rtsp://你的rtsp地址" -vcodec copy -f mp4 d:/1.mp4中间的rtsp网址一定要加上双引号，避免出现url有特殊字符的问题 java代码版本如果不支持tcp协议，去掉下面两个参数即可,加上这两个参数是因为ffmpeg默认使用ud…...

编程日记 2023/8/24 7:25:34

第十四天|层序遍历、226.翻转二叉树（优先掌握递归）、101. 对称二叉树（优先掌握递归）

层序遍历题目链接：102. 二叉树的层序遍历 - 力扣（LeetCode） /*** Definition for a binary tree node.* struct TreeNode {* int val;* TreeNode *left;* TreeNode *right;* TreeNode() : val(0), left(nullptr), right(n…...

编程日记 2023/8/24 7:24:33

如何使用装rancher安装k8s集群（k8s集群图形化管理工具）

前言 kubernetes集群的图形化管理工具主要有以下几种： 1、 Kubernetes Dashborad: Kubernetes 官方提供的图形化工具 2、 Rancher: 目前比较主流的企业级kubernetes可视化管理工具 3、各个云厂商Kubernetes集成的管理器 4、 Kuboard: 国产开源Kubernetes可视化管理…...

编程日记 2023/8/24 7:23:32

类加载器与双亲委派

类加载器与双亲委派 Java 类加载器（Class Loader）是 Java 虚拟机（JVM）的一部分，负责将类的字节码加载到内存中，并将其转换为可执行的 Java 对象。类加载器在 Java 应用程序中起着重要的作用，它…...

编程日记 2023/8/24 7:22:30

用Python创造乐趣：编写你自己的探索游戏世界

在当今数字化时代，编程不再是一个专业程序员的专利。无论你是一个编程新手还是有一定经验的开发者，用Python编写简单的游戏是一个有趣且富有创造性的方式。在这篇博客中，我们将探索如何用Python构建一个基本的探索游戏世界，让玩家…...

编程日记 2023/8/24 7:21:28

git stash弹出栈中的指定内容

使用 git stash 的相关命令来选择性地弹出特定的 stash 内容，应用到指定的分支上。如果我们使用 git stash 命令已经存储了多个记录时，每个 stash 记录都会有一个唯一的标识符（stash{0}、stash{1}…）。通过这些标识符可以应用或弹…...

编程日记 2023/8/24 7:20:27

2.Vue编写一个app

1.src中重要的组成 1.1main.ts // 引入createApp用于创建应用 import { createApp } from "vue"; // 引用App根组件 import App from ./App.vue;createApp(App).mount(#app)1.2 App.vue 其中要写三种标签 <template>  </template>…...

编程新知 2026/1/31 6:04:01

【CSS position 属性】static、relative、fixed、absolute 、sticky详细介绍，多层嵌套定位示例

文章目录 ★ position 的五种类型及基本用法 ★ 一、position 属性概述二、position 的五种类型详解（初学者版） 1. static（默认值） 2. relative（相对定位） 3. absolute（绝对定位） 4. fixed（固定定位） 5. sticky（粘性定位）三、定位元素的层级关系（z-i…...

编程新知 2026/1/26 9:48:34

C# SqlSugar：依赖注入与仓储模式实践

C# SqlSugar：依赖注入与仓储模式实践在 C# 的应用开发中，数据库操作是必不可少的环节。为了让数据访问层更加简洁、高效且易于维护，许多开发者会选择成熟的 ORM（对象关系映射）框架，SqlSugar 就是其中备受…...

编程新知 2025/11/25 6:49:02

【JavaSE】绘图与事件入门学习笔记

-Java绘图坐标体系坐标体系-介绍坐标原点位于左上角，以像素为单位。在Java坐标系中,第一个是x坐标,表示当前位置为水平方向，距离坐标原点x个像素;第二个是y坐标，表示当前位置为垂直方向，距离坐标原点y个像素。坐标体系-像素 …...

编程新知 2025/12/19 20:46:15

基于TurtleBot3在Gazebo地图实现机器人远程控制

1. TurtleBot3环境配置 # 下载TurtleBot3核心包 mkdir -p ~/catkin_ws/src cd ~/catkin_ws/src git clone -b noetic-devel https://github.com/ROBOTIS-GIT/turtlebot3.git git clone -b noetic https://github.com/ROBOTIS-GIT/turtlebot3_msgs.git git clone -b noetic-dev…...

编程新知 2026/1/24 7:41:57

基于PHP的连锁酒店管理系统

有需要请加文章底部Q哦可远程调试基于PHP的连锁酒店管理系统一介绍连锁酒店管理系统基于原生PHP开发，数据库mysql，前端bootstrap。系统角色分为用户和管理员。技术栈 phpmysqlbootstrapphpstudyvscode 二功能用户 1 注册/登录/注销 2 个人中…...

编程新知 2026/1/31 6:20:15

使用SSE解决获取状态不一致问题

使用SSE解决获取状态不一致问题 1. 问题描述2. SSE介绍2.1 SSE 的工作原理2.2 SSE 的事件格式规范2.3 SSE与其他技术对比2.4 SSE 的优缺点 3. 实战代码 1. 问题描述目前做的一个功能是上传多个文件，这个上传文件是整体功能的一部分，文件在上传的过程中…...

编程新知 2026/1/27 17:00:20

《信号与系统》第 6 章信号与系统的时域和频域特性

目录 6.0 引言 6.1 傅里叶变换的模和相位表示 6.2 线性时不变系统频率响应的模和相位表示 6.2.1 线性与非线性相位 6.2.2 群时延 6.2.3 对数模和相位图 6.3 理想频率选择性滤波器的时域特性 6.4 非理想滤波器的时域和频域特性讨论 6.5 一阶与二阶连续时间系统 6.5.1 …...

编程新知 2026/2/3 18:23:13

李沐--动手学深度学习--GRU

1.GRU从零开始实现 #9.1.2GRU从零开始实现 import torch from torch import nn from d2l import torch as d2l#首先读取 8.5节中使用的时间机器数据集 batch_size,num_steps 32,35 train_iter,vocab d2l.load_data_time_machine(batch_size,num_steps) #初始化模型参数 def …...

编程新知 2026/1/31 14:55:58

统计学（第8版）——统计抽样学习笔记（考试用）

一、统计抽样的核心内容与问题研究内容从总体中科学抽取样本的方法利用样本数据推断总体特征（均值、比率、总量）控制抽样误差与非抽样误差解决的核心问题在成本约束下，用少量样本准确推断总体特征量化估计结果的可靠性（置…...

编程新知 2025/11/22 6:31:00

效果展示

相关文章：