当儿童是组件时，React-Bootstrap手风琴组小组不工作

Question

我遇到一个问题，我有一个panelgroup，它的子组件是渲染面板的组件。 当面板是面板组的直接子节点时，一切正常。但是当我尝试在组件中渲染面板并将其添加到面板组时，单击标题时没有任何内容扩展。看看react DOM，我可以看到当我点击标题时事件键确实发生了变化...... 父母...... return ( <PanelGroup accordion activeKey={this.state.activeKey} onSelect={this.handleSelect} id="papers-table" > <PaperItem key={paper.id} paper={paper} eventKey={1} /> </PanelGroup> ); 而孩子...... return ( <Panel eventKey={this.props.eventKey} style={{ "borderColor": Colors["DARK" + this.props.paper.decision.toUpperCase()] }} > <Panel.Heading style={{ "backgroundColor": Colors[this.props.paper.decision.toUpperCase()] }} > <Panel.Title toggle>{this.props.paper.title}</Panel.Title> </Panel.Heading> <Panel.Body collapsible> {this.props.paper.abstract} </Panel.Body> </Panel>