Javascript 将React引导表单附加到div

我正在尝试将引导表单附加到div。如果我使用正则` 但在尝试使用引导窗体和元素时，情况并非如此。我想知道是否有任何方法可以做到这一点？？？或者这是一个限制？是的，我确实导入了react引导，目前页面上已经有一个类似的表单，运行良好。我只想附加另一个表单

{
  console.log("add new has been clicked")
  // get container of equipment
const eqContainer = document.getElementById("eqContainer");
const newForm =  `<Form.Group controlId="formeqid">
<Form.Control
  name="eqid"
  type="input"
  
/>
</Form.Group>`;
                 
eqContainer.insertAdjacentHTML('beforeend',newForm)                

};```

{
日志（“已单击添加新内容”）
//获取设备的容器
const eqContainer=document.getElementById（“eqContainer”）；
常数newForm=`
`;
eqContainer.insertAdjacentHTML（'beforeend'，newForm）
};```

我决定只创建一个数组，然后单击并使用.map在数组上迭代以创建所需的表单。单击后，我只需向数组中添加一个新对象，它就会以另一种形式出现。

发布您的全部代码。在react中，DOM操作被认为是一种反模式。这可能不是你做这件事的方式。