Ant Design Collapse 组件使用无法

Question

  <Collapse
    activeKey={this.state.activeKey}
    onChange={this.onHandleChange}
  >
    {this.displayCollapse(data)}
  </Collapse>

如代码所示，使用Collapse 组件的 activeKey组件的时候，点击 Panel 不生效。 有没有办法既使用 activeKey 的功能，又能点击Panel 展开？

Answer 1

<Collapse
    activeKey={this.state.activeKey}
    onChange={key => this.setState({activeKey: key})}
  >
    {this.displayCollapse(data)}
  </Collapse>

Answer 2

默认展开用defaultActiveKey，使用activeKey需要在onChange的时候修改activeKey为当前激活 tab 面板的 key

Answer 3

用defaultActiveKey