React по два раза выполняет код

@bdr2015 · Регистрация: 14.02.2022

Студворк — интернет-сервис помощи студентам

Здравствуйте. Создал новое react приложение, почистил и удалил ненужное и столкнулся с проблемкой, что код выполняеться 2 раза. Если посмотреть в консоли путь к источнику второго вызова, то там что-то непонятное(
В чем может быть причина? Может что-то нужное удалил?
Прикрепил скрин с файлами которые есть, в node-modules ничего не трогал.

krvsa · 02.11.2022, 08:51

Сообщение от bdr2015

столкнулся с проблемкой, что код выполняеться 2 раза

Возможно твой ответ тут
Проблема с UseEffect. Выполняется несколько раз при рендеринги странице

@Splaisto · 02.11.2022, 11:28

Сообщение от bdr2015

Прикрепил скрин с файлами

в названиях файлов проблема не пишется. нужно смотреть useEffect функциональных компонент или методы жизненного цикла в классовых.
собственно, с этого и начнем. классовые пишешь или функциональные?

@bdr2015 · 02.11.2022, 11:50 **[ТС]**

Splaisto, Пишу функциональные

@Splaisto · 02.11.2022, 14:22

Сообщение от bdr2015

Пишу функциональные

тогда ответ от автора выше чуть более, чем полный

@bdr2015 · 02.11.2022, 16:43 **[ТС]**

Splaisto, Но это видь пустое приложение, созданое с помощью npx create-react-app. В нем не используються хуки

krvsa · 02.11.2022, 16:48

bdr2015, мы ведь не телепаты... По фотке не гадаем...

Рендер вызывается только при некоторых случаях, таких как:
- первоначальная отрисовка
- изменение пропсов
- изменение стейта

@bdr2015 · 02.11.2022, 17:19 **[ТС]**

Сообщение от krvsa

Рендер вызывается только при некоторых случаях, таких как:
- первоначальная отрисовка
- изменение пропсов
- изменение стейта

Это я понимаю, но нету ничего кроме console.log() в App.js. Источником первого вызова console.log() является ожидаемо App.js. А второго непонятно что.

Комментарий модератора

Коды должны быть в текстовом виде.

@bdr2015 · 02.11.2022, 19:37 **[ТС]**

Нашел причину - React.StrictMode. Компонент App.js был обернут в него в Index.js

Новые блоги и статьи Все статьи Все блоги /
Символьное дифференцирование igorrr37 13.02.2026 / * Логарифм записывается как: (x-2)log(x^2+2) - означает логарифм (x^2+2) по основанию (x-2). Унарный минус обозначается как ! */ #include <iostream> #include <stack> #include <cctype>. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .

@bdr2015 0 / 0 / 0 Регистрация: 14.02.2022 Сообщений: 63

	React по два раза выполняет код 02.11.2022, 00:59. Показов 1106. Ответов 8 Метки нет (Все метки) Здравствуйте. Создал новое react приложение, почистил и удалил ненужное и столкнулся с проблемкой, что код выполняеться 2 раза. Если посмотреть в консоли путь к источнику второго вызова, то там что-то непонятное( В чем может быть причина? Может что-то нужное удалил? Прикрепил скрин с файлами которые есть, в node-modules ничего не трогал. Миниатюры 0

@bdr2015 0 / 0 / 0 Регистрация: 14.02.2022 Сообщений: 63
	02.11.2022, 11:50 [ТС]
	Splaisto, Пишу функциональные 0

@bdr2015 0 / 0 / 0 Регистрация: 14.02.2022 Сообщений: 63
	02.11.2022, 16:43 [ТС]
	Splaisto, Но это видь пустое приложение, созданое с помощью npx create-react-app. В нем не используються хуки 0

krvsa 3833 / 1676 / 431 Регистрация: 14.03.2022 Сообщений: 4,228
	02.11.2022, 16:48
	bdr2015, мы ведь не телепаты... По фотке не гадаем... Рендер вызывается только при некоторых случаях, таких как: - первоначальная отрисовка - изменение пропсов - изменение стейта 0

@bdr2015 0 / 0 / 0 Регистрация: 14.02.2022 Сообщений: 63
	02.11.2022, 19:37 [ТС]
	Нашел причину - React.StrictMode. Компонент App.js был обернут в него в Index.js 0