React js - [Нарушение] Добавлен непассивный прослушиватель событий в событие 'mousewheel', блокирующее прокрутку

Я работаю над React js над одним кодом, где я использую элемент select и событие onChange.

  handleChangeEvent = (event) => {
        this.setState({value: event.target.value});
    }

    render() {
        return (
            <div>         
               <label>
                List
                    <select value = {this.state.value} onChange = {this.handleChangeEvent}>
                        <option value = "one">One</option>
                        <option value = "two">Two</option>
                    </select>
                </label>
            </div>
        )

Но я снова и снова получаю это предупреждение в хроме. «[Нарушение] Добавлен непассивный прослушиватель событий к событию 'mousewheel', блокирующему прокрутку. Рассмотрите возможность пометки обработчика событий как« пассивного », чтобы страница была более отзывчивой.». Есть ли какое-то решение для этого.

Вы уверены, что проблема в этом компоненте? Я совершенно уверен, что у вас есть внешний или внешний скрипт, который прослушивает событие колеса мыши (этот компонент даже не касается колеса мыши).

Goodbye StackExchange 15.07.2018 09:02

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

Priyanka 15.07.2018 09:06

Просто визуализируйте простой <select> без обработчиков. Это должен быть внешний сценарий.

Goodbye StackExchange 15.07.2018 09:07

Удален handleChangeEvent, все еще то же предупреждение

Priyanka 15.07.2018 09:10

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

Goodbye StackExchange 15.07.2018 09:11
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
2
5
1 114
0

Другие вопросы по теме