Twitter bootstrap 3 React引导：手风琴赢得'；行不通

我正在试着让手风琴启动，我的面板是React类。不知何故，这不起作用：

<ReactBootstrap.Accordion>
   <WontWorkPanel pkey={1} />
   <WontWorkPanel pkey={2} />
</ReactBootstrap.Accordion>

WontWorkPanel

是一个React类，它使用键

this.props.pkey

呈现单个面板

有人能解释一下我做错了什么，或者如何做得更好吗

---

谢谢

手风琴用新道具克隆其子级，这些道具控制

面板

组件的显示/隐藏。要使其仍能使用自定义的

面板

包装器，您需要将道具从包装器转移到

面板

子级：

小提琴：

var WontWorkPanel=React.createClass({
render:function（）{
将此返回。将transferPropsTo（
动物教区的陈词滥调，enim eiusmod high life
accusamus terry richardson ad squid.3狼月作坊，
无铜滑板多洛早午餐。食品卡车藜麦
拉布拉姆艾乌斯莫德早午餐3狼月临时餐厅，圣阿利夸普
);
}
});

新信息：已弃用transferPropsTo。有关详细信息，请参阅。

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>
    );
  }
});