Когда React вызывает функцию конструктора компонента и как выглядит поток выполнения?

Скажем, у меня есть простой компонент, подобный этому:

export default function Foo({someProp}) {
  const a = Math.random();

  return <div>{a}{someProp}</div>
}

Насколько я знаю, при обновлении someProp React вызовет повторный рендеринг. Выполнит ли он всю функцию Foo еще раз и переназначит const a новое случайное значение? Будет ли значение отображаться в <div>? Спасибо.

Вы проверили это?

epascarello 16.05.2022 20:19

Просто не было возможности в данный момент

i.lamanosau 16.05.2022 20:23
Формы c голосовым вводом в React с помощью Speechly
Формы c голосовым вводом в React с помощью Speechly
Пытались ли вы когда-нибудь заполнить веб-форму в области электронной коммерции, которая требует много кликов и выбора? Вас попросят заполнить дату,...
В чем разница между Promise и Observable?
В чем разница между Promise и Observable?
Разберитесь в этом вопросе, и вы значительно повысите уровень своей компетенции.
Сравнение структур данных: Массивы и объекты в Javascript
Сравнение структур данных: Массивы и объекты в Javascript
Итак, вы изучили основы JavaScript и хотите перейти к изучению структур данных. Мотивация для изучения/понимания Структур данных может быть разной,...
Создание собственной системы электронной коммерции на базе Keystone.js - настройка среды и базовые модели
Создание собственной системы электронной коммерции на базе Keystone.js - настройка среды и базовые модели
Прошлая статья была первой из цикла статей о создании системы электронной коммерции с использованием Keystone.js, и она была посвящена главным образом...
Приложение для отслеживания бюджета на React js для начинающих
Приложение для отслеживания бюджета на React js для начинающих
Обучение на практике - это проверенная тема для достижения успеха в любой области. Если вы знаете контекст фразы "Практика делает человека...
Стоит ли использовать React в 2022 году?
Стоит ли использовать React в 2022 году?
В 2022 году мы все слышим о трендах фронтенда (React, Vue), но мы не знаем, почему мы должны использовать эти фреймворки, когда их использовать, а...
2
2
37
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Ответ на каждый ваш вопрос: да. Повторный рендеринг запускается, когда происходит изменение props, как вы сказали, а также когда происходит изменение state. При повторном рендеринге, а также при первом рендеринге все ведет себя как в обычной функции JavaScript, вплоть до назначения переменных и всего остального, за исключением некоторых вещей, связанных с React Hooks, таких как state, сделанный с помощью useState, ref, сделанный с помощью useRef ...

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