antd的Dropdown组件阻止事件冒泡

吴迪98

于 2019-07-30 12:31:39 发布

阅读量4.8w

点赞数 7

分类专栏： antd 文章标签： antd的Dropdown组件阻止事件冒泡 Dropdown组件阻止事件冒泡阻止事件冒泡 antd的Dropdown阻止事件冒泡 antd的Dropdown组件介绍

本文链接：https://blog.csdn.net/weixin_43606158/article/details/97769718

版权

antd 专栏收录该内容

10 篇文章

订阅专栏

笔者在开发的过程中遇到了使用Dropdown组件在点击事件的时候阻止事件冒泡。
阻止事件冒泡就是使用event对象的stopPropagation()方法。
Dropdown组件想要把每一个阻止事件冒泡就这样写：

<Dropdown
	overlay={
		<Menu>
			<Menu.Item
				onClick={eve => {
					eve.domEvent.stopPropagation()	// 展开的按钮阻止事件冒泡
					// 修改要做的事情
				}
			>
				修改
			<Menu.Item>
			<Menu.Item
				onClick={eve => {
					eve.domEvent.stopPropagation()	// 展开的按钮阻止事件冒泡
					// 删除要做的事情
				}
			>
				删除
			<Menu.Item>
		</Menu>
	}
>
	<a onClick={event => event.stopPropagation()}>	//在这里阻止事件冒泡
		更多<Icon type="down">
	</a>
</Dropdown>