React Select：如何强制显示下拉菜单以进行样式设置？答案

【问题标题】：React Select: How do I force the dropdown to display in order to work on styling?React Select：如何强制显示下拉菜单以进行样式设置？
【发布时间】：2018-01-18 16:46:06
【问题描述】：

我需要处理 React Select 下拉选项的样式。我通常做 CSS 样式工作的方式是使用 Chrome 中的 Developer Tools，指向页面上的一个元素并开始在 Styles 选项卡中调整 CSS 属性看看元素是如何变化的。

样式化 React Select 的下拉选项的问题在于，这些选项仅在元素具有焦点时可见。当我打开开发者工具时，元素失去焦点，下拉菜单消失！

我有没有办法强制 React Select 显示下拉选项，而元素没有焦点？

【问题讨论】：

或者你可以试试 react hot loader github.com/gaearon/react-hot-loader

标签： react-select

【解决方案1】：

安装React Developer Tools，以便您可以强制选择组件的isOpen 状态为true。然后，当您使用 Chrome 的开发者工具时，下拉菜单将保持打开状态。

Source

【讨论】：