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

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

效果展示

react18+antd5.x(1):Notification组件的二次封装_第1张图片
开起来和官网的使用没什么区别,但是我们在使用的时候,进行了二次封装,更利于我们进行开发

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

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

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