Sendbird Chat React 未读消息的频道总数 React + Next.js

Question

我想实现一个钩子来用未读消息计数更新我的视图，而无需不断地向服务器发出请求以获取带有此请求的未读消息的频道总数。 我正在使用 React + Next.js，我似乎找不到任何有关如何通过 sdk 或<ChannelList /> ui 组件进入通道未读消息属性的文档。 Sendbird 支持几乎没用，如果有人知道请帮忙

Answer 1

免责声明，我为 Sendbird 工作。

使用 UIKit 时，您需要访问底层 SDK 实例才能使用getTotalUnreadMessageCount()或getTotalUnreadChannelCount()等方法。 首先，您需要获取当前上下文的实例，该实例可以通过调用useSendbirdStateContext()来获取，该实例可以从sendbird-uikit导入。 请注意，这确实需要在包装在SendBirdProvider HOC 中的组件中调用。

const context = useSendbirdStateContext();
const sdkInstance = sendBirdSelectors.getSdk(context);

我在代码沙箱上为您创建了一个示例：https ://codesandbox.io/s/usesendbirdstatecontext-example-s8eful