基于React开发的聊天窗口，集成了deepseek和gpt-4o的api

本文将介绍如何基于 React / Nextjs框架开发一个功能强大的聊天窗口，并集成 deepseek 和 gpt-4o 的 API，实现智能对话功能。免登录。

源码地址：

一、技术栈

前端框架: React / nextjs

UI 库: tailwindcss/shadcn

状态管理: Redux

HTTP 请求: fetch

API 集成: deepseek API, gpt-4o API

二、功能实现

聊天窗口界面

使用 React 组件构建聊天窗口界面，包括消息列表、输入框、发送按钮等。

使用 UI 库美化界面，例如 Material-UI 的卡片、按钮等组件。

实现消息的发送和接收功能，并将消息实时显示在消息列表中。

将聊天窗口封装到chatDialog.jsx中（具体代码可参考github里）