将 React Bootstrap 表单附加到 div答案

【问题标题】：Append React Bootstrap Form to a div将 React Bootstrap 表单附加到 div
【发布时间】：2020-10-15 04:09:38
【问题描述】：

我正在尝试将 Bootstrap 表单附加到 div。如果我使用常规 `，该功能将完美运行但在尝试使用 Bootstrap 表单和元素时不会。我想知道是否有任何方法可以做到这一点？？？或者这是一个限制？是的，我确实导入了 react-bootstrap 并且目前页面上已经有一个类似的表单工作正常。我只是想追加另一个表格...

{
  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)                

};```

【问题讨论】：

发布您的整个代码。 DOM 操作在 React 中被认为是一种反模式。这可能不是你做这些事情的方式。

标签： javascript reactjs twitter-bootstrap react-bootstrap

【解决方案1】：

我决定只创建一个数组并将单击时需要的内容添加到该数组中，然后使用 .map 遍历数组以创建所需的表单。单击时，我只需将一个新对象添加到数组中，它就会显示为另一种形式。

【讨论】：