蚂蚁设计崩溃 - 全部打开

Deb*_*rah 4 reactjs

我是 React 和 Ant Design 的新手。Ant design 的折叠小部件允许所有项目打开,但是没有办法预烘焙方式将项目设置为默认全部打开 - 您只能设置单个折叠单元默认打开

defaultActiveKey={['1']}
Run Code Online (Sandbox Code Playgroud)

我如何默认打开全部?

Ali*_*eza 7

您可以用于defaultActiveKey这种情况。

如下所示,它将接受一个数组(也可以是数字和字符串)

defaultActiveKey?: Array<string | number> | string | number;
Run Code Online (Sandbox Code Playgroud)

所以你可以这样做:

defaultActiveKey={['1', '2', '3', '4', '5']}
Run Code Online (Sandbox Code Playgroud)

不要使用activeKey,因为无法关闭面板,除非您想强制打开所有面板而不需要任何关闭选项。


gul*_*yuz 5

你应该使用activeKey财产

activeKey={['1','2','3']}
Run Code Online (Sandbox Code Playgroud)

  • 这些答案的问题是您之后无法折叠面板,您应该使用defaultActiveKey (2认同)