已读回执

概述

React MessageList 组件支持已读回执能力,即在单聊中,对单条消息独立判断对端是否已读。在群聊中,对单条消息独立判断某位群成员是否已读。

效果展示



快速使用

React UIKit 组件提供了 MessageList 组件,在 MessageList 组件上将 enableReadReceipt 属性置为 true 即视为开启已读回执(如果不填,默认值为 false)。
import {
Chat,
ChatHeader,
ConversationList,
MessageInput,
MessageList,
} from '@tencentcloud/chat-uikit-react';

function App() {
return (
<UIKitProvider
theme="dark"
language="zh-CN"
>
<div style={{ display: 'flex', height: '100vh' }}>
<ConversationList style={{ minWidth: '30%' }} />
<Chat>
<ChatHeader />
// 开启已读回执功能
<MessageList enableReadReceipt={true} />
<MessageInput />
</Chat>
</div>
</UIKitProvider>
);
}

export default App;