问题描述
我有一个基本图标,我想确保例如如果我收到一条我尚未阅读的消息,该图标会显示未读消息的数量。
如上图所示。
那么我怎样才能确保拥有一个基本图标,它可以向我显示一个带有我设置的数字的徽章。
例如,如您所见,不和谐会自动更改。
第一张图片是一个普通的图标。
当有未读消息时使用第二个图像。
当用户被标记时使用第三张图像,但是这个数字会增加,所以我认为没有尽可能多的图像具有所有可能的数字,我认为它们是基于普通图像生成的。
有人可以帮我吗?
解决方法
解决方法很简单。您只需要安装 npm install --save react-notification-badge。通过安装这个包,你可以通过在它上面设置一个计数器变量来测试它。