我试图在单击按钮+添加内容时动态添加一个层叠的form（inner）字段。该字段的数组正在更新，但视图仍然相同。
但是，当我尝试单击按钮+添加标题来动态添加外部字段时，它的添加没有问题。以下是stackblitz网址，以供参考。提前致谢。
https://stackblitz.com/edit/react-utjwsu?embed=1&file=index.js
您仅呈现一个Content字段，并且这{this.AddContentInput}是无效的语法。您可以编辑AddContentBox方法以呈现所有“内容”字段：
原版的：
...
<FormGroup>
<Label className="set-label-pos upload-img" for="Heading">Content</Label>
<input className="form-control" type="text"/>
</FormGroup>
{this.AddContentInput}
...
替换为：
...
{ this.AddContentFields(element) }
...
和
AddContentFields(element) {
return element.Content.map(content => {
return (
<FormGroup>
<Label className="set-label-pos upload-img" for="Heading">Content</Label>
<input className="form-control" type="text"/>
</FormGroup>
);
})
}
这是应用程序的编辑版本，其中包含我的更改：https : //stackblitz.com/edit/react-lcy2te
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句