我正在尝试运行引导手风琴，其中我的面板是 React 类。不知何故，这不起作用：
<ReactBootstrap.Accordion>
<WontWorkPanel pkey={1} />
<WontWorkPanel pkey={2} />
</ReactBootstrap.Accordion>
这WontWorkPanel是 React 类，它使用 key 呈现单个面板this.props.pkey。
有人可以解释我做错了什么，或者如何做得更好？
谢谢！
Bootstrap with React：手风琴不起作用
IT技术
twitter-bootstrap-3
reactjs
react-bootstrap
2021-05-02 22:37:51
1个回答
Accordion 用新的 props 克隆它的孩子，这些 props 控制Panel组件的显示/隐藏。为了允许它仍然与自定义Panel包装器一起使用，您需要将props从包装器传输到Panel子对象：
小提琴：http : //jsfiddle.net/ssorallen/3azxcquh/6/
var WontWorkPanel = React.createClass({
render: function() {
return this.transferPropsTo(
<ReactBootstrap.Panel header={"WontWork " + this.props.key} key={this.props.key}>
Anim pariatur cliche reprehenderit, enim eiusmod high life
accusamus terry richardson ad squid. 3 wolf moon officia aute,
non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt
laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua pu
</ReactBootstrap.Panel>
);
}
});