如何制作 link 引导用户进入特定的 Stream Chat 频道？

Question

我的应用程序中有一个聊天区，主要是在 https://getstream.io/chat/demos/team/ 之后实现的。

我有一个显示 /chat 聊天的 React 路由器，这样我就可以 link 像这样进入聊天部分： <Link to="/chat" />

我想添加一个 link 从特定频道开始，例如<Link to="/chat/general" /> 或 <Link to="/chat/random" />.

我该如何实现？

Answer 1

我最近使用 NextJS 中的路由器实现了类似的东西。

我基本上在 /chat 有我的主要聊天页面，然后使用路由器查询引用频道名称的 URL 参数。然后 ChannelList 流反应组件 customActiveChannel.

上有一个道具

因此，对于您的 chat/general 示例，您可以使用类似于以下反应组件的内容：

      <ChannelList
        filter={yourFilter}
        sort={yourSort}
        options={yourOptions}
        customActiveChannel={ChannelName || ""}
      />

这里ChannelName这里是频道名称的变量general说。

如果您想查看更多道具，请参阅以下文档：https://getstream.github.io/stream-chat-react/#!/ChannelList

如何制作 link 引导用户进入特定的 Stream Chat 频道？

How can I make a link that guides the user to a particular Stream Chat channel?

getstream-io