在React中使用onBlur和onFocus来创建出现/消失的菜单

Question

我正在学习反应，正在建立一个小型电子商店。我有一个名为“View Store”的标签。当用户点击它时，我想要一个小的“peek-a-boo”列出现，让用户查看一些文本或图片。当用户点击其他任何地方时，我希望此列消失。

我所做的是定义一个名为“peekaboo”的状态道具。当用户点击我的div时，我将peekaboo设置为true。当用户模糊时，我将peekaboo设置为false，但是发生的事情是onClick有效，但onBlur没有（存储按钮消失，但是当我失焦时它永远不再出现）。

String EMPLOYEE_DB = " CREATE DATABASE " + Data;

我查看了这些stackoverflow帖子的想法： onclick() and onblur() ordering issue

我还在另一个问题上找到了关于onBlur的想法，但它似乎没有起作用。

Answer 1

onBlur仅适用于可以聚焦的元素（例如，在按tab时选择的元素）。那件事永远不会发生。

根据您的预期行为，您可能希望探索onMouseEnter和onMouseLeave。