示例 3: 组件状态管理

学习如何使用 useTamboComponentState 保持组件状态。即使 AI 修改了表单，你输入的数据也不会丢失。

学习要点

1. useTamboComponentState

组件使用 useTamboComponentState 来管理状态，确保用户输入的数据不会在 AI 更新组件时丢失。

2. 组件 ID

每个组件都有唯一的 ID，基于字段 ID 生成。相同 ID 的组件会共享状态。

3. 状态持久化

当 AI 修改表单配置（如添加字段、修改验证规则）时，用户已输入的数据会自动保留。

4. 实际应用

这让用户可以逐步完善表单，无需担心数据丢失，提供更好的用户体验。

试试这个流程：

  1. 先说："创建一个包含姓名和邮箱的表单"
  2. 在生成的表单中输入一些内容
  3. 再说："添加一个密码字段"
  4. 观察：你之前输入的姓名和邮箱数据仍然保留！
  5. 继续说："把所有字段都设为必填"
  6. 数据依然不会丢失