DEV Community
·
React-toastify v11 - 自定义终于变得简单
💡
原文英文，约1000词，阅读约需4分钟。
📝
内容提要
react-toastify v11 版本重磅发布，新增自定义功能，自动注入样式，简化通知 DOM 结构，便于与设计系统集成。新增自定义进度条、无障碍支持和通知关闭原因回调，提升用户体验。
🎯
关键要点
- react-toastify v11 版本发布，新增自定义功能。
- 样式自动注入，无需手动导入 CSS 文件。
- 简化通知的 DOM 结构，便于与设计系统集成。
- 新增自定义进度条功能，支持自动关闭、悬停暂停等特性。
- 增强无障碍支持，添加 ariaLabel 属性，方便屏幕阅读器使用。
- 用户可以通过快捷键聚焦通知，支持键盘导航。
- 新增通知关闭原因回调，用户可知晓通知是手动关闭还是自动关闭。
- 移除了一些不再需要的功能和样式，简化 API。
- 修复了一些 bug，提升了兼容性和稳定性。
- 逐步更新文档，提供更多示例以帮助用户使用。
➡️
