带有自增徽章的 React js favicon

问题描述

enter image description here

enter image description here

enter image description here

我有一个基本图标,我想确保例如如果我收到一条我尚未阅读的消息,该图标会显示未读消息的数量

如上图所示。

那么我怎样才能确保拥有一个基本图标,它可以向我显示一个带有我设置的数字的徽章。

例如,如您所见,不和谐会自动更改。

第一张图片一个普通的图标。

当有未读消息时使用第二个图像。

用户标记时使用第三张图像,但是这个数字会增加,所以我认为没有尽可能多的图像具有所有可能的数字,我认为它们是基于普通图像生成的。

有人可以帮我吗?

解决方法

解决方法很简单。您只需要安装 npm install --save react-notification-badge。通过安装这个包,你可以通过在它上面设置一个计数器变量来测试它。