如何在单击开发工具进行样式设置时不取消选择react-select

Question

在为组件选择样式时，我的典型工作流程是使用浏览器中的开发工具来处理样式，直到我对外观感到满意为止，然后将所选样式永久地复制回代码。

但是如果我想在react-select中看到下拉列表，我需要点击它。当我单击返回开发工具时，下拉列表会在取消选择组件时消失。

有没有办法在我设计样式时保持下拉列表打开？

如果您想尝试，这是一个沙箱：https://codesandbox.io/s/4rlmrp38j7

Answer 1

您建议您使用一些扩展来检查代码React：

• 为chrome
• 为firefox

然后在react-select v1你可以设置isOpen和v2 menuIsOpen到true而不改变你的代码。我还建议您查看this page并直接在repo github的源代码中了解默认样式。

Answer 2

我刚刚找到支柱menuIsOpen，这将迫使下拉列表保持打开状态。

但是，如果有一种方法可以使用开发工具或其他方法，我也会对此感兴趣，并乐意将其标记为比这个答案更强大和正确。