我有一个由服务器生成的电子邮件模板正文（以html格式）。该模板有一个部分我想在React组件中进行编辑。简化后，模板如下所示：
<div class="message">
<p>Hello!</p>
<p>Welcome to our app... blah blah</p>
<div class="user-customisable"></div>
<p>Yours, app support</p>
</div>
在我的前端应用中，我想渲染模板，因为它会显示在最终的电子邮件中（我可以使用dangerouslySetInnerHTML），但我也喜欢{{ 1}} div可编辑，以便管理员可以添加自定义消息。
我需要能够添加textarea或contenteditable属性并将其连接到状态，但我不确定如何去做，任何指针都会非常感激！