Collapse 接受子组件 Panel 展示信息。Panel 可设置: title(标题)、disable(是否可操作)其中 title 可为字符串或 Component 组件。
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
dataSource | 使用数据模型构建 | Array | - |
defaultExpandedKeys | 默认展开keys | Array | - |
expandedKeys | 受控展开keys | Array | - |
onExpand | 展开状态发升变化时候的回调 签名: Function() => void | Function | func.noop |
disabled | 所有禁用 | Boolean | - |
accordion | 手风琴模式,一次只能打开一个 | Boolean | false |
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
disabled | 是否禁止用户操作 | Boolean | - |
title | 标题 | ReactNode | - |
Collapse 的 accordion 属性接受一个布尔值, 若为 true, 最多只能有一个组件展开。
Collapse 的 defaultExpandedKeys 属性设置某一项默认展开。defaultExpandedKeys 数组内的元素为字符串,请参考 Demo。
禁止操作有三种方式,如果全部禁止,Collapse 的 disabled 为 true,若部分禁用 dataSource 属性内对 disable 为 true,或者 Panel 直接添加 disabled 属性。
当用户需要在 Panel 上增加比如 Click 事件回调。这时候,用 onExpand 和 expandedKeys 来达到 展开折叠的功能,增加的 Click 事件继续自己的逻辑,请参考 Demo。