Как не снимать флажок реагировать на выбор при выборе инструментов разработчика для его стилизации

Question

Мой типичный рабочий процесс при выборе стилей для компонента заключается в использовании инструментов dev в браузере, чтобы поиграться со стилями, пока я не буду доволен внешним видом, а затем навсегда скопировать выбранные стили обратно в код.

Но если я хочу увидеть раскрывающийся список в реакции выбора, мне нужно щелкнуть по нему. Когда я возвращаюсь к инструменту dev, выпадающий список исчезает при отмене выбора компонента.

Есть ли способ сохранить раскрывающийся список в том виде, в котором он у меня написан?

Вот песочница, если вы хотите попробовать: https://codesandbox.io/s/4rlmrp38j7

Answer 1

Вы бы порекомендовали использовать некоторое расширение для проверки кода React:

• для хром
• для firefox

Затем в react-select v1 вы можете установить isOpen, а в v2 menuIsOpen - true без изменения вашего кода.Я также предлагаю взглянуть на эту страницу и непосредственно в исходном коде на repo github , чтобы иметь представление о стиле по умолчанию.

Answer 2

Я только что нашел опору menuIsOpen, которая заставит раскрывающийся список оставаться открытым.

Однако, если есть способ, использующий инструменты разработчика или другой метод, я бы тоже заинтересовался этим и с радостью отметил бы его как более надежный и правильный, чем этот ответ.