为何点击后立刻消失,click事件未触发?-灵析社区

无心插柳柳成萌

点击之后立马消失,`click`事件不会触发? 我想实现这样的效果 * 点击之后弹出选择框 * 点击选择其中一个选项之后,选择框立马消失。 ![commentBox-title-choose.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240926/15dbbb1f6a074435fae05b0fa3d0252d.png) 尝试 * 借助于`ant design`的`popover`, `trigger`为`focus`,`children`为一个`button`, `content`为`ant design List`。 * 点击`button`(此时会`focus`)弹出`List` * 在`List`上处理`List.item`上的`click`事件 * 一旦点击之后,`button`失焦弹出框会消失,但是`click`事件并没有被触发 function CommentTitle({ commentsCount, chooseSortRule, sortRules, currentSelectedSortRule, }) { return ( {commentsCount > 0 ? commentsCount + " " : ""}留言 {item}} className="my-pop-list" onClick={() => { console.log("click"); }} /> } rootClassName="my-pop" trigger="focus" > } rootClassName="border-none outline-none peer" data-testid="trigger" /> 排序 ); } 如何让这个`click`事件被触发呢?

阅读量:166

点赞量:0

问AI
楠楠不难难
click执行时机晚于blur,可以把click换成mousedown试试