我想把一个按钮变成一个collapse,我使用的是collapse的antd
,那个新按钮不应该打开或者关闭collapse,我想给予她其他的功能呢?
const { Collapse, Button } = antd;
const { Panel } = Collapse;
function callback(key) {
console.log(key);
}
const text = ` hi `;
ReactDOM.render(
<Collapse
defaultActiveKey={['1']} onChange={callback}>
<Panel header={<Button type="primary">Primary Button</Button>} key="1" >
<Button type="link">My button</Button> >
<p>{text}</p>
</Panel>
</Collapse>,
mountNode,
);
为什么单击该按钮时会打开COLLAPSE?我不希望打开COLLAPSE
3条答案
按热度按时间vxqlmq5t1#
我猜你不想打开折叠的按钮是
Panel
标题中的Primary Button
,要做到这一点,你必须手动控制activeKey
,并检查当用户点击面板标题时,他们点击的是Primary Button
还是它的外部。试试这个:
我创建了一个codesandbox来演示它
yuvru6vn2#
试试这个:
guykilcj3#
如果您希望按钮位于面板内,则按钮代码应位于面板内,而不是位于其标记内..而不是:
这应当