Блог

Главная - Вопросы по программированию - Почему вызов onClick() не работает внутри тега в рабочей среде?

Почему вызов onClick() не работает внутри тега в рабочей среде?

#reactjs

#reactjs

Вопрос:

Я использую изображения в качестве интерактивных ссылок в своем приложении React, и следующее хорошо работает локально (минимальный пример):

 const handleAddPostClick = () => {
    console.log('CALLED');
}

return (

<img onClick={() => handleAddPostClick()}
                  name="basics"
                  className="category_btns"
                  style={{ marginLeft: "4px" }}
                  src={isAddPostBtnPressed ? AddPostBtnPressed : AddPostBtn}
                />
  );

Как ни странно, это не работает в рабочей среде. Кто-нибудь может объяснить, пожалуйста?

Комментарии:

1.Ваш производственный процесс сборки удаляет вызовы? console.log

2. можете ли вы проверить console.log , переопределен ли он или отключен в процессе производства? попробуйте использовать alert или console.warn или console.table и посмотрите, делает ли это что-то. Нет причин, по которым это не должно работать.

3. alert('CALLED'); тоже не работает.

4. Предполагается, что изображение немного меняется при щелчке, и оно остается неизменным при щелчке, поэтому с функциональностью onClick() что-то происходит.

5. Я вижу это js/main.33af1bd4.chunk.js” was loaded even though its MIME type (“text/html”) is not a valid JavaScript MIME type. в консоли, но не думаю, что это имеет к этому какое-то отношение.