Question

在反应引导程序中，我使用手风琴这里硬编码数据工作更精细，如果我实现动态数据不工作，（例如）第一个面板打开，如果我点击第二个面板然后第一个面板没有关闭，和**** { {3}}如果面板打开需要更改拼贴颜色****

class CollapseContentComponent extends React.Component {
 render() {
   return (
<div className="collapsecontent-component">
<Accordion>
<Panel header={this.props.collapseTitle} eventKey={this.props.collapsemainKey}>
<div dangerouslySetInnerHTML={{__html: this.props.collapseBody }}></div>
</Panel>
</Accordion>
</div>
   );
 }
}

Answer 1

我建议你使用受控PanelGroups https://react-bootstrap.github.io/components/panel/#panels-controlled，这样你就不需要管理其他人的开放和关闭。

spark-submit

反应bootstrap手风琴动态数据崩溃不起作用

1 个答案: