当组件挂载时,我希望能够动态添加几个div元素。我尝试使用以下代码:
<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'.
有人有任何想法吗?
---- 更新 --
虽然我尝试了其他方法,但仍然没有找到答案。如果您知道任何信息,请评论。