win10qq聊天窗口一直高亮显示未读信息。

Posted 2023-05-09

信息已读了，但是还是一直高亮显示，好像未读一样，应该怎么操作才能取消提示？

参考技术A win7下将C盘和D盘合并方法：
一、使用磁盘管理：
右键点击计算机→管理→计算机管理→磁盘管理→右键点击D盘→压缩卷。
然后右键点击C盘→扩展卷。

→弹出向导→将刚才压缩的空间收纳即可。

二、使用分区软件：
当磁盘软件不能使用时，可用DiskGenius进行分区操作。
打开DiskGenius→点击D盘→右键调整分区大小→在调整后容量输入新的大小→点开始→点击C盘→右键调整分区大小→在调整后容量输入新的大小（因为调整了D盘所以有空闲才能调整扩大）→点开始。
注：使用调整磁盘工具，在使用自动执行调整时，此时正在转移数据，腾出空间，不要干扰，如终结此操作，有可能导致磁盘不可预测的错误，切记。

当聊天线程有未读消息时如何显示徽章React JS，Firestore

【中文标题】当聊天线程有未读消息时如何显示徽章React JS，Firestore

【英文标题】：How to display a badge when a chat thread has unread messages React JS, Firestore

【发布时间】：2021-07-09 04:01:54

【问题描述】：

我正在用 React 和 firebase firestore 开发一个聊天应用程序。每次将新消息添加到数据库时，我都想显示未读消息标记。目前，我正在使用 useEffect 挂钩来检查是否读取了最后一条消息，并且仅在页面第一次呈现时才有效 - 未读消息标记仅在我重新加载页面后出现。我想我想不通的是每次状态变化时如何重新渲染。请查看我的代码并告诉我我缺少什么。我希望我的问题很清楚。提前致谢。

const [chatMessages, setChatMessages] = useState([])
const [isRead, setIsRead] = useState(false)

const readsRef = db.collection('rooms').doc(id).collection('messages')

useEffect(() => 

    const unsubscribe = readsRef.orderBy('timestamp', 'desc')

        .limit(1).onSnapshot((snapshot) => 
            snapshot.docs.map((snap) => 
                setChatMessages(snap.data().message)

                 readsRef.doc(snap.id).collection('read').doc(userID.uid).onSnapshot((snapshot1 => 
                    if (snapshot1.get('readReceipt') === userID.uid) 
                        setIsRead(true)
   
                    
            
                ))

            )

    )
    return unsubscribe;
    
, [isRead])


 return (

 <SidebarOptionChannel>

                   
    <span># </span>title - chatMessages<span>isRead ? null : <UnreadBadge> 
    <span>1</span></UnreadBadge>  </span>

  </SidebarOptionChannel>
 )

【问题讨论】：

什么是 readReports？

看起来代码不完整，isRead 被添加为 useEffects 的依赖项，但我没有看到任何状态变量 isRead。用适当的细节更新问题，代码沙箱链接会更好

对不起！我已经对其进行了编辑以包含变量。请再次检查

【参考方案1】：

解决您的问题的另一种方法可能是通过侦听 Firebase 数据库中的更改来更新您的聊天应用程序。这可以通过使用 firebase.database.Reference 的方法来完成：

on() 或 once()

以下是 Firebase 的documentation 提供的示例：

var starCountRef = firebase.database().ref('posts/' + postId + '/starCount');
starCountRef.on('value', (snapshot) => 
  const data = snapshot.val();
  updateStarCount(postElement, data);
);