问动态添加到html元素

EN

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

getPanels = () => {
  return this.props
    .resumeTemplate
    .roughTemplateStructure
    .roughScale.map((roughS) => {
      const uid = uuid();
      this.updatePanelInTemplate(uid);
      const elem = <div ref={uid} className={roughS.class} ></div>;
      return elem;
    });
}

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

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