antd的Dropdown组件阻止事件冒泡

2,437 阅读1分钟

笔者在开发的过程中遇到了使用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>