Javascript 动态添加到html元素

我想在安装组件时动态添加几个div元素。我尝试了以下代码

<div className="resumebuilder__structure" ref="panel_holder">
</div>

但我有以下错误

Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'.

有人知道吗

----更新--

---

虽然我继续用其他方法，但仍然没有找到答案。如果您知道任何事情，请发表评论。

更好的方法是将组件置于父级状态的数组中。然后渲染该数组中的所有组件

我想时不时地访问这些div，那么我该如何访问它？访问是什么意思？我会动态添加一些div，但在用户单击“是”时，您会将组件添加到阵列中，并使用setState（）重新加载。用例如下：开始时，我会在div中添加一些分区，我现在正在尝试，然后当用户将一些组件拖动到这些div上时，这些组件将作为子元素添加到特定的div元素中

componentDidMount() {
  this.refs.panel_holder.appendChild(this.getPanels());
}

Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'.