react-hook使用antd组件实现点击父元素触发子元素的事件

父元素里面是文字,只有点击文字的时候才会触发事件出现弹窗,我想点击文字以外的父元素,也能出现弹窗。

例如antd里面有一个组件< Dropdown
overlay={

<Menu.Item>{item}<Menu.Item>
}
>
更多

我现在点击下拉出来的每一个item元素,都只能点到里面的文字才可以触发,我想点击文字旁边空白的地方也能触发,应该要怎么实现呢
问题:点击父元素也能触发子元素的点击事件,与客户体验度相关。

此题我已经解决。

在antd组件外包裹一层div,给div添加该事件

点击父元素 ,执行子元素的点击事件

https://blog.csdn.net/StriplingLee/article/details/124942571