Reactjs 反应选择：在inspector中设置样式时如何保持下拉列表打开？

我正在使用react select并对其进行自定义，我没有找到执行此操作的选项。当我设计下拉菜单的样式时，是否有一些变通方法可以让它保持打开状态？

打开下拉菜单，然后右键单击下拉菜单。。。它会淹死一个蹦蹦跳跳的探长。。现在，您可以使用下拉菜单进行调试。

如果您正在使用Google Chrome进行调试。您可以将鼠标悬停在“选择”下拉列表上，同时按Ctrl+Shift+C，并且应该在调试窗口中自动选择它

如果您使用V2，则可以使用

菜单打开

道具随时保持菜单打开

---

如果您使用的是Chrome，并且有React Developer Tools插件，则可以在控制台的React选项卡中检查组件，并从浏览器手动切换此属性权限。对于V1，您可以切换isOpen的状态以实现相同的行为。

在chrome中，进入元素>事件侦听器>打开“模糊”>用鼠标移动到写入“文档”的地方的右侧，然后您可以看到一个按钮“删除”>单击它

也许这会有所帮助：

<Select 
   ref={el => (this.selectRef =el)}
   onBlur={() => {
     setTimeout(
       () => 
          this.selectRef.setState({
            menuIsOpen: true,
          }),
        50
     );
   }}
  />

（this.selectRef=el）}
onBlur={（）=>{
设置超时(
() => 
此参数为.selectRef.setState({
menuIsOpen:没错，
}),
50
);
}}
/>

在js控制台中执行

window.onkeydown=（）=>{debugger}

，展开下拉列表后，单击任意键

保持开发人员工具处于打开状态很重要，通过使用，您可以强制选择组件上的“isOpen”（v3：“menuIsOpen”）状态值为true

---

更多信息请点击这里：

简单黑客就是这样做的

在控制台上运行此命令打开菜单，然后等待5秒钟，调试器将自动应用，屏幕将冻结

setTimeout(() => {debugger;}, 5000)

这是我的工作：

menuIsOpen={true}

---

. 这里可能有一些有用的评论。对我有用。我很高兴有人问这个问题！只要你点击inspector中的某个地方，你就会失去焦点。这实际上不起作用，问题是你不能执行任何操作，或者菜单会消失。在Windows 10 Chrome 80+上不起作用。调试一开始，下拉列表就关闭了。上帝保佑你们。完美的答案，这涵盖了所有情况。不是所有英雄都戴斗篷。非常感谢！元素>事件侦听器>打开“focusout”>“remove”-对我很有效。这节省了我很多时间。多谢各位