如何从动态表单中生成xml代码（正义代码）（javascript / reactjs）

Question

使用React，我想基于用户将在表单上输入的内容生成XML代码。表单应该是动态的，并应根据用户选择的类型呈现输入。 我想生成类似于以下代码：

<map> 
 <input> 
   <fields> 
    <field> 
     <fieldname>recordid</fieldname> 
    </field> 
    <field> 
     <fieldname>originmodule</fieldname> 
    </field> 
   </fields> 
 </input> 
 <output> 
   <fields> 
    <field> 
     <fieldname>targetaction</fieldname> 
    </field> 
   </fields> 
 </output> 
</map>

您知道有关如何启动它的任何文章或想法吗？