--- order: 5 title: zh-CN: 额外节点 en-US: Extra node --- ## zh-CN 可以同时展开多个面板,这个例子默认展开了第一个。 ## en-US More than one panel can be expanded at a time, the first panel is initialized to be active in this case. ````jsx import { Collapse, Icon } from 'antd'; const Panel = Collapse.Panel; function callback(key) { console.log(key); } const text = ` A dog is a type of domesticated animal. Known for its loyalty and faithfulness, it can be found as a welcome guest in many households across the world. `; const genExtra = () => ( { // If you don't want click extra trigger collapse, you can prevent this: event.stopPropagation(); }} /> ); ReactDOM.render(
{text}
{text}
{text}
, mountNode ); ````