我有一系列要创建面板的项目，最终将这些面板插入到手风琴中。

在一个文件中，我有：

var items = this.state.contents.map(function(content, index) {
  return <Content {...content}, key={index}/>
};

return (
  <Accordion>
    {items}
  </Accordion>
);

在另一个名为“内容”的文件中，我有：

return(
  <Panel header={this.props.header} eventKey={this.props.key}>
    {this.props.body}
  </Panel>
);

当我将手风琴和面板放在同一文件中时，它们将起作用。但是，当我在将地图分为两个文件后使用地图生成Panel时，它似乎没有崩溃。