我有这个input，当聚焦时，它会变成select.
我想要的行为可以用简单的select实现，但我希望进一步添加简单的select不允许的功能.简单地说，当你把‘盒子’聚焦时，你可以查看选项，当你不能时，你就不能.
我try 使用一种状态来实现此逻辑，该状态判断select和input所在的父级div是否为焦点.
点击输入会按预期显示选项，但是当我试图从列表中 Select 一个选项时，在我可以 Select 它之前，select被隐藏了，我不能 Select 任何东西.
Demo个
有没有其他方法来解决这个问题？
问题是另一个可聚焦的元素(select)接收焦点.您无法避免这一点，但您可以更改对此的react :您需要判断导致模糊的元素是否是您的div的后代.如果是，则不需要关闭 Select 框.
将您的onBlur处理程序更改为:
const onBlur = ({ currentTarget, relatedTarget }) => {
if (!currentTarget.contains(relatedTarget)) {
setMenuActive(false);
}
};
Forked demo.请注意，我还将您的状态更改为简单的布尔值，而不是对象.