react-select：在检查器中设置样式时如何保持下拉菜单打开？

Question

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

Answer 1

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

Answer 2

简单的 hack 是这样的

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

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

Answer 3

这对我有用：

menuIsOpen={true}

Answer 4

事先我window.onkeydown = () => {debugger}在 js 控制台中执行，并在展开下拉列表后单击任意键

保持开发者工具开放很重要

Answer 5

如果您使用的是V2，则menuIsOpen可以使用一个道具随时保持菜单打开。

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

Answer 6

打开下拉菜单，然后右键单击下拉菜单......它将淹没检查器上的弹出窗口......现在您可以处理下拉菜单。