div绑定onBlur事件无效的解决方法

<div
  className={styles.menuBarMain}
  tabIndex={-1}
  onBlur={() => {
    setActive(false);
  }}
>
{ active && <span>姓名</span> }
</div>

给div绑定onBlur事件，默认不触发

解决办法：增加属性 tabIndex={-1}
该场景适用于 点击页面空白区域关闭div的情况