会话列表组件（conversation-kit）主要功能为显示当前用户的会话（单聊和群聊）列表，同时提供会话单击和右键菜单功能对会话进行操作。

界面效果

界面集成

在您的 React 项目中导入会话列表组件，并设置会话列表界面尺寸，即可集成 IM UIKit 默认的会话列表界面。

示例代码如下：

JSX/TSXimport React from 'react'
import { ConversationContainer } from '@xkit-yx/im-kit-ui'

import '@xkit-yx/im-kit-ui/es/style'

const Page1 = () => {
  return (
    <div style={{ width: '30vw', height: '100%' }}>
      <ConversationContainer />
    </div>
  )
}

功能介绍

IM UIKit 默认的会话列表界面，支持如下功能：

• 会话单击事件：
  • 选中会话
  • 重置会话未读数
• 右键菜单事件：
  • 设置会话免打扰
  • 删除会话

相关信息

如果默认的界面 UI 无法满足您的业务需求，请根据自定义参数进行自定义。会话列表组件（conversation-kit）提供的自定义参数，请参考 定制会话列表界面。