React-toastify v11 - 自定义终于变得简单
原文英文，约1000词，阅读约需4分钟。
📝
内容提要
react-toastify v11 版本重磅发布，新增自定义功能，自动注入样式，简化通知 DOM 结构，便于与设计系统集成。新增自定义进度条、无障碍支持和通知关闭原因回调，提升用户体验。
🔎
延伸解读
自定义功能的实用性
react-toastify v11 版本的自定义功能大大简化了通知的个性化设置。开发者可以轻松地将通知样式与现有设计系统无缝集成，提升了用户体验。通过自动注入样式，减少了手动导入 CSS 的繁琐步骤，适合快速开发和迭代。
无障碍支持的重要性
新版本增强了无障碍支持，添加了 ariaLabel 属性，方便屏幕阅读器使用。这对于确保所有用户，包括有视觉障碍的用户，都能顺利接收通知信息至关重要。开发者在设计时应重视无障碍功能，以提升产品的可用性。
通知关闭原因的回调
新增的通知关闭原因回调功能使得开发者能够更好地理解用户行为。通过 onClose 回调，开发者可以判断通知是被用户手动关闭还是自动关闭，从而进行相应的逻辑处理。这为用户交互分析提供了更多数据支持。
❓
Q&A
react-toastify v11 版本有哪些新功能？
新增自定义功能、样式自动注入、自定义进度条、无障碍支持和通知关闭原因回调等。
如何在 react-toastify v11 中自定义通知样式？
通过更新 CSS 变量或使用自定义 CSS，可以轻松自定义通知的样式。
react-toastify v11 如何支持无障碍功能？
新增 ariaLabel 属性，方便屏幕阅读器使用，并支持键盘导航。
如何使用自定义进度条功能？
可以通过设置 customProgressBar 属性来启用自定义进度条，同时支持自动关闭和悬停暂停等特性。
react-toastify v11 中如何处理通知关闭的原因？
可以使用 onClose 回调函数，判断通知是手动关闭还是自动关闭。
react-toastify v11 版本是否有破坏性更改？
是的，移除了某些不再需要的功能和样式，简化了 API 结构。
🏷️
