首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

React:像message.success()一样实现Message通用容器及Message组件

我在开发不紧急的时候喜欢自己实现一些轮子;而这次要做的就是做一个非常常用的组件Message 对于Message这样的组件,在各个页面都有可能使用到。...message.success("成功") message.error("fail") 复制代码 最终实现效果 组件设计 无需在调用的时候手动挂载组件 一个通用的容器 支持通过options配置组件消息内容...组件实现 自动挂载组件 说到自动挂载,我的思路是在导入Message的时候自动运行挂载组件的代码,那我的想法是立即执行函数 (function initModalContainer() { let...在node节点外层包一层组件,我们控制这层组件实现动画 这里其实我遇见了一个问题: 由于hook函数中的useState是异步操作,而且不像setState一样提供了回调,那么当我们进行多次类似message.success...组件出来 完成最后的Message 首先写个Message模板,我这里只实现了success的模板 import successSvg from '..

1.1K20
领券