我对在 Yesod 中创建具有以下属性的小部件很感兴趣：
- 默认情况下，它仅呈现为一些文本“标题”
- 鼠标悬停时，右上角会出现一个小链接“编辑此”
- 如果用户单击链接或将鼠标悬停在链接上，则文本将替换为包含文本的文本字段/区域，以进行编辑
- 当用户按下 ENTER 时，会向服务器发出 REST 请求以更新值；确认更新后，表单消失并且更新的文本现在出现在文档中
在很大程度上，这是一个严格的 JS 工作，大部分超出了 Yesod 的范围。但是，有一点很重要：我们希望表单本身应该由 Yesod 使用 yesod-forms 生成，而不是手动连接。但是这里的情况有点奇怪：通常表单是静态的，但是这里的表单需要根据数据的不同而有所不同，并且 Yesod 可能需要在 REST 更新后向用户发送一个新表单。Yesod可以做到吗？此外，就验证而言，故事是什么？