# 《AI Agent 场景应用 - ai draw.io》第4-2节:在页面嵌入draw.io组件和对话框
作者:小傅哥
博客:https://bugstack.cn (opens new window)
视频:待更新
沉淀、分享、成长,让自己和他人都能有所收获!😄
# 一、本章诉求
在 React 前端工程中,嵌入 draw.io 组件。以及在整个页面的右侧放入一个对话框,用于后续与服务端的 ai 接口进行对话。
这部分的实现,会使用到 ai ide 工具来处理,你常用的任何一款工具都可以。
# 二、流程设计
如图,前端页面交互的流程设计;

- 这是一个简单的交互,引入 react-drawio 到初始页面,并在右侧设置一个对话框。

