如何在react项目中集成聊天窗口弹出窗口？

npm install react-chat-window

import { ChatWindow } from 'react-chat-window';

import { ChatWindow } from 'react-chat-window';

class ChatPage extends React.Component {
  handleNewMessage(message) {
    // 处理新消息的逻辑
  }

  render() {
    return (
      <div>
        <h1>聊天页面</h1>
        <ChatWindow
          onMessageSend={this.handleNewMessage}
          agentProfile={{
            teamName: '客服团队',
            imageUrl: 'https://example.com/agent-avatar.png'
          }}
          messageList={[
            {
              author: 'user',
              type: 'text',
              data: { text: '你好，有什么可以帮助您的吗？' }
            },
            {
              author: 'agent',
              type: 'text',
              data: { text: '您好！请问有什么问题需要咨询？' }
            }
          ]}
        />
      </div>
    );
  }
}